目录
一、Vue Cli 介绍
Vue Cli是一个基于Vue.js进行快速开发的完整系统，是一组用于快速原型设计、简化应用程序搭建和进行高效项目管理的工具，开发者可以专注在撰写应用上，而不必花很多时间处理配置的问题。
1、Cli
Cli是一个npm包，通过Vue.js命令提供核心功能。它可以轻松构建一个新项目，同时，如果你希望通过可视化界面来构建（创建）项目的话，你可以运行vue ui命令行来打开可视化界面。
2、Cli Service
Cli Service是一个开发依赖项，安装在脚手架项目当中，可以帮助开发项目、打包项目和检查项目的一些相关配置。
3、Cli 插件
Cli 插件也是npm的包，可以为项目提供一些额外的功能，在开发的过程中，可以通过命令行"vue add" ( vue 和 add 间有空格隔开) 添加Cli 插件，比如路由插件( vue-router )、vuex插件等等。
接下来将介绍如何使用Vue Cli快速构建一个Vue.js项目，这个项目本质就是一套文件结构，里面包含基础的依赖库，只需要npm install 一下就可以安装。
二、node的下载安装
1.下载安装 node
直接到官网下载安装 node ，下载之后一步步默认安装即可。
网址：https://nodejs.cn/download/
2.检查 node 安装
检查node是否安装成功，查看版本号即可：
①调出终端控制台
按住电脑的 Win +R 键盘，然后输入 cmd ，点击“确认”调出终端控制台
② 输入命令行
在终端输入命令行：node -v 或 node --version
如果能出现以下界面，即代码node安装成功。
三、vue cli 脚手架的安装
1.安装准备
如果已经安装了 vue-cli (1.x或者2.x) ，需要先卸载，再重新全局安装vue-cli。
(首次使用安装 vue 脚手架可跳过此步骤)
卸载方法：参照上述检查node安装的打开终端步骤将终端打开，并在终端输入以下代码句。
npm uninstall vue-cli -g2. npm 全局安装
通过npm全局安装@vue/cli脚手架 ，@3.10表示下载某个指定版本，如果不写，则默认下载最新版本。
安装语句：(在终端输入)
①直接安装（较慢）
npm install -g @vue/cliPS：如果使用npm方式直接安装脚手架速度太慢，或者是卡死的话，可以选择第二种镜像安装的方式安装。
②镜像安装（推荐）
*安装淘宝镜像
终端输入命令行：
npm install -g cnpm --registry=https://registry.npmmirror.com*镜像安装命令行
如果安装了cnpm淘宝镜像的话，可使用下面的命令行安装@vue/cli脚手架，网速会相对来说快一些：
cnpm install -g @vue/cli3.成功安装页面
4. 卸载vue/cli包
如有需要卸载vue/cli包，可执行以下命令行：
npm uninstall -g @vue/cli
5.检查安装
vue cli安装之后，终端中使用 vue -V 命令查看版本号，如果成功出现版本号即代表安装成功。
注意：vue -V 指令中 " -V " 一定是要大写噢！
四、创建第一个项目
* vue create 命令创建项目
注意：这里的 helloworld 是项目名，可自行定义。
*执行 vue create 命令之后，可看到如下所示界面：
在这个步骤中，可以使用键盘的 ↑ 和 ↓ 方向键选择创建项目的方式，default 是默认选择项，表示使用默认的方式创建项目。
*Manually select features 选项表示使用手动配置方式创建项目，在这里，我们选择手动的方式创建，手动配置界面如下图所示：
此界面中，可以使用键盘的 ↑ 和 ↓ 方向键选择创建项目的方式，按住空格键选择某一项，再次按住空格键，取消选择，每个配置项的作用如下表所示：
根据需求选择相应的配置项，一步步往后创建项目即可。
*项目创建成功：
*根据界面提示，可以执行如下两个命令行，进入项目目录，启动项目：
* 在浏览器输入：http://localhost:8080/ 地址，即可看到如下页面 ：
至此，第一个通过Vue.js脚手架工具搭建的Vue.js项目创建完毕！
8697
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
