一、Vue脚手架介绍

vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack(打包工具)的项目模板。

二、安装node.js和Visual Studio Code

• node.js
•  VS Code

三、使用脚手架创建项目

1.下载安装cnpm并且使用淘宝的服务器做为的包源因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常。输入以下命令：

npm install –g cnpm -registry=https://registry.npmmirror.com

完成后输入cnpm –v可查看到相关信息

Tips：https://npm.taobao.org和 https://registry.npm.taobao.org 已在 2022.06.30 号正式下线和停止 DNS 解析。
新域名为 npmmirror.com
域名切换规则：

• https://npm.taobao.org => https://npmmirror.com
• https://registry.npm.taobao.org => https://registry.npmmirror.com

2.安装webpack（js应用程序的静态模块打包器(module bundler)）输入以下安装

cnpm install webpack –g

3.安装vue-cli（用来生成vue模版的工具）输入以下安装

cnpm install vue-cli –g # 2.0模板工具

4.新建一个Vue项目测式一下

1. 我在D盘新建一个名为VueProjects的文件夹来专门存放vue项目，
2. 在命行先输入d: 进入D盘，再输入cd d:\VueProjects进入到此目录，
3. 输入vue init webpack test1新建一个项目，
4. 在新建过程中会要输入几次回车和y，(项目名称不能有大写英文)
5. 输入cnpm install下载安装项目的依赖(注意不是用的npm，而是cnpm，这样快些)，完成后可在目录中看到所有有依赖

5.在终端输入cnpm install先检查和下载依赖，然后输入cnpm run dev运行项目