使用vue脚手架，如何新建一个vue2项目

版本要求：Vue的版本根据个人需要，脚手架是向下兼容的使用最新版本即可

初始化脚手架

1.说明

1. Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。

2. 最新的版本是 4.x。

3. 文档: https://cli.vuejs.org/zh/ 。

2.具体步骤

第一步（仅第一次执行,安装一次以后直接使用）：全局安装@vue/cli。

npm install -g @vue/cli

（有警告是没事的）

 关闭控制台再次打开输入vue，如下图表示vue脚手架安装成功

第二步： 切换到你要创建项目的目录 ，然后使用命令创建项目

vue create xxxx

（选择你需要的版本，按enter出现图三则脚手架创建 成功 ！！）

第三步：启动项目

vscode打开项目终端输入： npm run serve

(如下图，页面创建成功)

备注：

1. 如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry

https://registry.npm.taobao.org 2. Vue 脚手架隐藏了所有 webpack 相关的配置，若想查看具体的 webpakc 配置，

请执行：vue inspect > output.js

3 . 模板项目的结构

├── node_modules

├── public

│ ├── favicon.ico: 页签图标

│ └── index.html: 主页面

├── src

│ ├── assets: 存放静态资源

│ │ └── logo.png

│ │── component: 存放组件

│ │ └── HelloWorld.vue

│ │── App.vue: 汇总所有组件

│ │── main.js: 入口文件

├── .gitignore: git 版本管制忽略的配置

├── babel.config.js: babel 的配置文件

├── package.json: 应用包配置文件

├── README.md: 应用描述文件

├── package-lock.json：包版本控制文件