脚手架安装
安装最新版本和指定版本的脚手架：
- 安装最新@vue/cli版本：
npm install -g @vue/cli - 安装指定的@vue/cli版本：
npm install -g @vue/cli@4.1.1 - vue-cli版本在3以下：
npm install --global vue-cli
vue-cli 2
-
准备
- 安装命令：
npm install --global vue-cli - 验证是否安装成功：
vue --version - 创建项目： 建立一个基于webpack模板的项目工程，
vue init webpack 项目名称，如：vue init webpack vueproject1- 注意：项目名称不能包含大写字母
- 安装命令：
-
初始化项目
-
初始化项目安转依赖报错
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! chromedriver@2.46.0 install: `node install.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the chromedriver@2.46.0 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! D:\tools\NVM\npm-cache\_logs\2023-06-12T11_26_14_992Z-debug.log原因： 该问题是vue-cli脚手架的一个bug，原因是chromedriver的部分文件被国内网络给墙掉了，无法下载完整的chromedirver包
解决方案：
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
vue/cli 3 和 vue/cli 4
-
准备
- 安装：安装@vue/cli（Vue CLI 3的包名称由 vue-cli 改成了 @vue/cli）
npm install -g @vue/cli
- 检查是否安装成功：
vue -V - 创建项目：
vue create 项目名称 - 注意：使用命令创建项目，项目名称不可使用中文名，不可包含驼峰命名
- 安装：安装@vue/cli（Vue CLI 3的包名称由 vue-cli 改成了 @vue/cli）
-
创建项目时选项说明
| 选项 | 说明 |
|---|---|
| Babel | 转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 |
| TypeScript | TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行，目前较少人再用 |
| Progressive Web App (PWA) Support | 渐进式Web应用程序 |
| Router | vue-router（vue路由） |
| Vuex | vuex（vue的状态管理模式） |
| CSS Pre-processors | CSS 预处理器（如：less、sass） |
| Linter / Formatter | 代码风格检查和格式化（如：ESlint） |
| Unit Testing | 单元测试（unit tests） |
| E2E Testing e2e（end to end） | 测试 |
