Vue cli 安装

1.安装Node.js

2.配置npm源 

 　　　　npm config set registry https://registry.npmmirror.com

当配置成功后，可通过 get 命令可查看npm源：

npm config get registry

注意：以上命令将显示当前生效的npm源，但并不检查npm源的URL是否有效，所以，即使配置了错误

的npm源，也不会提示错误，请认真检查是否配置了正确的URL。

 

3.安装VUE Cli

　　　　npm install -g @vue/cli

4.创建Vue CLI工程

 

　　

 

输入以上指令后，按下 Enter 键将准备创建工程，创建过程可能耗时较长，注意：不可反复按 Enter

键，否则会自动选择后续各设置选项的默认项。

创建过程中会有一些选项，最先提示的选项是 Please pick a preset ，表示“请选择一个预设项”，推

荐选择 Manually select features ，表示“手动选择”，通过键盘的上下箭头进行选择，选择到目标项

后按下键盘的 Enter 键到下一步

 

 

接下来的选项是 Check the features needed for your project ，表示“选择你的工程中需要使用

的功能”，推荐在列表中选择 Babel 、 Router 、 Vuex 这3项，使用键盘的上下箭头移动，使用空格选

中或取消选中，选择完成后按下键盘的 Enter 键到下一步：

 

接下来的选项是 Choose a version of Vue.js that you want to start the project with ，表

示“选择你的工程中希望使用的Vue.js的版本”，推荐选择 2.x 这项，选择到目标项后按下键盘的 Enter

键到下一步：

 

 

 

接下来的选项是 Use history mode for router ，表示“是否在路由中选择历史模式”，推荐选择

“是”，输入 Y 后按下键盘的 Enter 键到下一步（提示信息中， Y 是大写的，表示它是默认选项，不输入

Y 而直接按下 Enter 键是等效的）： 

接下来的选项是 Where do you prefer placing config for Babel, ESLint, etc.? ，表示“你习

惯把一些配置信息存放在哪里？”，推荐选择 In package.json ，即存放在 package.json 文件中，选

择到目标项后按下键盘的 Enter 键到下一步：

最后的选项是 Save this as a preset for future projects? ，表示“是否保存以上配置信息，作

为后续将创建的新工程的预设？”，推荐选择“否”，输入 N 后按下键盘的 Enter 键（提示信息中， N 是大

写的，表示它是默认选项，不输入 N 而直接按下 Enter 键是等效的）： 

5.启动服务

npm run serve

当提示以下信息时，表示工程已成功启动：

 

 

当工程成功启动后，即可根据提示的URL在浏览器中进行访问：