Vue脚手架First

1. Vue脚手架

Vue脚手架是一个开发基于Vue框架的前端项目的软件。

Vue脚手架的项目是“单页面”的，也就是在这样的项目，只有1个HTML页面，它认为页面是由多个模块组成的，各个模块都是可以随时替换的，从而显示出不同的页面效果。

2. 关于Node.js

首先,需要安装Node.js软件，下载得到安装后直接安装即可，安装过程中没有需要特别关注的部分。
安装完成后，可以通过npm -v命令查看安装的npm软件的版本，顺便检查是否安装成功。

npm -v

以上安装Node.js主要是为了使用npm(Node Package Management)，通常，应该修改“npm源”，以使得其下载软件将从配置的站点进行下载：

npm config set registry https://registry.npm.taobao.org

执行以上命令默认没有任何反馈，可以通过以下命令查看配置的值：

npm config get registry

3. 安装Vue CLI

Vue脚手架软件称之为：Vue CLI

通过npm命令可以安装此软件：

npm install -g @vue/cli

以上安装过程可能会提示WARN字样，可以无视，只要以上命令可以正常执行结束，并没有任何ERR字样的提示，即为成功！

安装Vue CLI主要是为了创建项目并管理项目(例如启动项目)。

4. 创建项目

首先，准备用于存放Vue脚手架项目的文件夹（任何你找得到的地方，不推荐操作系统的敏感文件夹），并且，在命令提示符窗口（或者终端窗口）中进入此文件夹。

然后，通过vue命令（来自前一步安装的@vue/cli）来创建项目，命令的基本格式是vue create 项目名称，例如：

vue create jsd2205-web-client-teacher
注意：执行创建项目的命令后，可能会有一点卡顿，此时不可以反复按回车键！

注意：如果创建项目的过程中选择错误，可以通过按下CTRL + C终止，并重新创建！

在创建选项中，需要选择”

Manually select features：手动选择功能
Babel / Vuex /