1,安装nodejs安装包,注意安装的路径html
2,安装完成node,node有自带的npm,能够直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npm install --global vue-cli)vue
3,淘宝镜像安装:node
----命令提示符执行:( npm install cnpm -g --registry=https://registry.npm.taobao.org)
;webpack
4,安装后,检查是否安装成功(显示版本则安装成功)。(vue -V)web
5,使用vue建一个项目名叫“vuetest”。(vue init webpack vuetest);vue-router
6,Project description (A Vue.js project) 项目描述,可直接点击回车,vue-cli
7,Author (........) 做者,也可直接点击回车,npm
8,Runtime + Compiler: recommended for most users 运行加编译,推荐;服务器
9,Install vue-router? (Y/n) 是否安装vue-router,这是官方的路由,大多数状况下都使用,(Y);单元测试
10,Use ESLint to lint your code? (Y/n) ;(n);
11,etup unit tests with Karma + Mocha? (Y/n) 是否安装单元测试,(新学n);
12,Setup e2e tests with Nightwatch(Y/n)? 是否安装e2e测试 ,(Y);完成项目建立安装
13,从nodejs安装目录切换到项目目录,( cd vuetest )
14,安装模块:( npm install);安装完成后,项目目录中会多出来一个node_modules文件夹,这里放的就是全部依赖的模块;
15,即可以打开本地服务器实时查看效果npm run dev;
16,将页面打包:( npm run build),打包完成后,会在根目录下生成一个dist文件夹;
参考:
http://www.jianshu.com/p/2769efeaa10a;
http://www.cnblogs.com/pearl07/p/6247389.html