nodeJs安装Vue-cli

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

相关文章
相关标签/搜索