怎么安装vue脚手架(vue-cli)，并使用脚手架创建项目

所谓脚手架就是指用来快速生成项目结构的工具，Vue脚手架工具就是一个快速生成Vue项目结构的命令行工具，可以极大的方便我们快速创建项目。目前最新的脚手架工具版本是4.x

安装脚手架工具

# 安装vue cli 4.x
npm i -g @vue/cli
# mac下可能要加sudo
sudo npm i -g @vue/cli
# --unsafe-perm 的作用请参考最后的附加内容
sudo npm i -g @vue/cli --unsafe-perm

安装成功后可以使用下面命令检测是否安装成功：

vue -V

安装成功则会显示出当前安装的脚手架的版本号

使用脚手架工具创建Vue项目

基于命令行式

# 切换到项目目录，如:Project
cd ~/Project/
# 创建vue项目，项目名称叫：vue1
sudo vue create vue1

运行完命令vue create vue1，我们会看到下面的提示：

解释：这是在说，我们的npm仓库是默认仓库，他可能有点慢，问我们是否使用更快一点的淘宝仓库。

解释：这是问我们采取默认配置创建vue，还是手动配置，通过键盘上下键可以切换选择，我们可以选择手动(Manually select features)。

解释：这一步是让我们选择要安装的部分，我们根据自己的需求，通过键盘上下键在多个部分进行切换，使用空格键可以进行选中和取消选中操作，选择完毕后，按enter键即可进入下一步。

解释：这一步是问我们是否使用history 模式的路由，我们一般使用hash模式，因此选择输入n

解释：这一步是让我们选择使用哪种类型的ESLint，选择标准类型即可。

解释：这一步是让我们选择什么时候进行语法校验

解释：这一步是让我们选择各种工具的配置文件是放到package.json中还是分开单独存放，这里推荐单独存放。

解释：这部分的意思是，是否将我们前面创建的前面的配置是否保存成一个模板，如果保存，下次可以根据模板创建。这个可根据自己的实际情况进行选择。

解释：这是脚手架创建vue项目的过程，进度条跑完即可。

安装完成后，可以使用下面命令启动项目

cd vue1
npm run serve

至此，单击http://localhost:8080/ + Ctrl键，即可访问我们刚刚创建好的项目。