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
vue-router文档:https://router.vuejs.org/zh-cn/