vue-cli

vue-cli,脚手架工具,用来搭建vue和webpack的。

参考文章:http://www.jianshu.com/p/2769efeaa10a

具体步骤:

  1.使用npm 全局安装vue-cli

    npm install --global vue-cli

  2.创建项目

    vue init webpack my-vue(my-vue是项目名称,这个名字自己随便取)

搭建完成以后就会出现这样的目录

目录出来了以后 npm run dev能自动弹出浏览器就说明成功了。

然后把npm run dev这条命令当做gulp一样来用

【注意】

npm install就是安装package.json里面所有的组件

安装组件的时候要--save-dev:是为了把安装信息写入到package.json文件里面,这样的话,把package.json文件给别人,别人一个npm install就可以把组件全部装起来

 在进行页面调试的时候,需要用到vue-tool扩展程序,可以去谷歌商店下载,搜索vue-devtools

cnpm install:用这个就不需要淘宝镜像了

不过在此之前要先安装,npm install -g cnpm

vuex:

其实是一个全局变量存放的地方,是一个插件,需要安装,cnpm install vuex --save-dev

安装less:

 cnpm install less less-loader --save-dev 
原文地址:https://www.cnblogs.com/rachelch/p/7729982.html