vue-cli的安装步骤详细版本

https://github.com/vuejs/vue-cli 官网 使用官方推荐的webpack

条件:

node在4.以上,npm在3以上

安装步骤:

1、cmd打开命令行窗口

2、输入cnpm install vue-cli -g,然后回车等待(想在哪个目录建立vue项目就要在进入到对应目录再输入命令)

3、安装结束后输入vue 如果显示版本号继续下一步操作

4、运行vue init webpack demo(注:项目名称)回车

5、显示Project nanme 目录名 回车 project description 后面可以写上描述,或者直接回车

Author 后面可以写作者也可以回车 

6、Install vue-router? 选择Y

7、User ESLint to lint your code? 选Y

8、Setup unit tests with Karma + Mocha? 问的是否要测试 选n

9、Setup e2e tests with Nightwatch? 选n

10、这个时候在你创建的目录下就有你的目录了,然后cd 你的目录名进去

11、输入npm run dev,就可以在浏览器中输入地址显示页面了

若是希望npm run dev后主动打开浏览器,则需要找到config文件夹下的index.js,,设置autoOpenBrowser: true即可

vue-cli的安装步骤详细版本_第1张图片

你可能感兴趣的:(vue-cli的安装步骤详细版本)