如何安装vue-cli脚手架，并启动项目

vue

一，安装nodejs 官网下载，傻瓜式安装即可，安装完之后cmd 控制台输入node显示版本即为安装成功。

二，安装cnpm，npm是nodejs 的包管理器，管理项目依赖，cnpm 是npm的淘宝国内服务器，使用cnpm下载速度快。安装命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

三，安装vue-cli 安装命令 cnpm install -g @vue/cli。安装完之后输入vue -V正确显示版本号即为安装成功。

四，创建项目：

1，使用命令 vue create projectname 创建vue 项目，projectname：项目名。

2，进入配置选择默认版和手动版（我选择的是手动版）

3，进入手动版配置界面，选择需要安装的插件，上下键移动选项，空格键选中插件，前面括号出现（*）即为选中。根据自己的需求选择插件，要搞懂每个插件分别是干什么的。我选择是babel和router。

4，选择路由模式：

Hash: 使用URL的hash值来作为路由。支持所有浏览器。

　　 History: 以来HTML5 History API 和服务器配置。参考官网中HTML5 History模式

　　 Abstract：支持所有javascript运行模式。如果发现没有浏览器的API，路由会自动强制进入这个模

Hash 模式在url地址中都存在一个#号，一般比较常用，可根据自己的了解和需求选择不同的路由模式。

5，选择不同的方式配置文件，特定的配置文件还是package.json ，都可以，我选择的是特定的配置文件

6，是否保存保存模板，以后都按照这个设置创建项目，新手建议选择否，以后熟练了会有更好的模板。

7，点击空格，正式开始创建项目

创建成功，去目录中可以看到整个项目结构。

7，用这两个命令启动项目，先进入创建好的项目中，在执行启动命令。

执行结果：

启动成功后有两个访问地址，尝试去访问。

访问成功。