Vue-cli的安装

1、vue-cli的安装要是用npm命令进行，所以你要先安装npm，然后使用npm安装vue-cli

npm install -g @vue/cli

c46a99b7.png

安装需要花费一些时间，安装完成后会提示安装的位置。
-g 全局安装，安装完成后可以直接在命令行里使用。

2、查看命令：直接输入vue可查看命令

b1109314.png

3、创建一个项目：

3.1 根据模板创建项目，需要安装 @vue/cli-init

//安装 @vue/cli-init
npm install -g @vue/cli

//根据模板创建项目
vue init webpack demo3

906b670e.png

webpack 是模板名称，demo3是项目名称

3.2 vue-cli3.0的创建项目

vue create '项目名'

81828461.png

如上图：会出现两个选择。

• default (babel, eslint) 默认套餐，提供 babel 和 eslint 支持。
• Manually select features 自己去选择需要的功能，提供更多的特性选择。比如如果想要支持 TypeScript ，就应该选择这一项。

可以使用上下方向键来切换选项。如果只需要 babel 和 eslint 支持，那么选择第一项，就完事了，静静等待 vue 初始化项目。

如果想要更多的支持，就选择第二项：切换到第二项，按下 enter 键选中。
选择第二项后会出现很多其他配置，参考https://segmentfault.com/a/1190000014627083

4、启动项目

3128f3ec.png

安装完成后会提示你执行下面两个命令，执行之后项目就启动了

b82402a.png