vue-cli安装指定版本，安装vue-cli-service

在安装vue Scaffold之前，请先安装一个node环境。在下次安装过程中，如果重复安装后仍然出现错误，请尝试使用以下命令清除npm缓存：

npm缓存验证npm cache clean --force install webpacknpm i webpack-cli -g #全局安装，Linux和Mac需要添加sudowebpack-cli -v #安装后可以查看版本Vue CLI 2. 安装x2.1

npm i vue-cli -g #全局安装，Linux和Mac上需要添加sudovue -V #显示版本号（大写V） 2.2 创建项目

vue init webpack 项目名称创建项目时的一些步骤选项

# 步骤1 项目名称项目名称vue-cli-2.x# 步骤2 项目描述项目描述vue-cli-2.x Demo# 步骤3 项目创建者作者lanxy# 步骤4 Vue 构建模式Vue build (箭头键) Runtime + Compiler:建议大多数用户#在根组件中使用模板+ 组件仅运行时： ~6KB 轻量级min+gzip 然而，模板（或Vue 特定的HTML）仅允许在.vue 文件内- 其他地方需要渲染函数#在根组件中使用render (推荐) # Step 5 是否安装vue-router? 安装vue-router 是？ # Step 6 是否添加ESLint 代码检查工具Please use ESLint to lint code Yes key) Standard (https://github.com/standard/standard) #标准配置Airbnb (https://github.com/airbnb/javascript) #Airbnb 配置无（自行配置） #自定义# 步骤8 设置单元测试单元测试设置e2e 测试否# 步骤9 使用Nightwatch 设置e2e 测试否# 步骤10 为您的项目选择包管理方式npm /yarn 项目完成后是否要运行`npm install`？已创建（推荐） 是，使用NPM 是，使用Yarn 否，我自己处理2. 3 启动项目

通过运行npm devVue CLI 3.x/4.x 安装Vue CLI 3.x/4.x 默认情况下会覆盖Vue CLI 2.x，因此在安装过程中使用Vue CLI 2.x。如果您不想，您可以以后需要更换2个。首先卸载x版本。如果您仍想同时使用它们，可以安装CLI 桥接工具以使它们兼容。

npm uninstall vue-cli #卸载Vue CLI 2.x。或者安装一个与两者兼容的桥接工具。 npm i -g @vue/cli-init #安装桥接工具(linue 和Mac 需要sudo) 3.1 安装Vue CLI 3.x/4.x (目前最新的是4.x )

npm i -g @vue/cli #自动安装最新版本3.2并创建项目

vue 创建项目名称创建项目流程步骤选项说明：

# 步骤1 选择预设配置或手动配置。 preset: 选择默认（babel、eslint） # 默认配置手动选择功能# 选择此项进行手动配置# 步骤2 选择添加的配置项（使用上下键（可以左右移动），选择或取消选择使用空格键）下面的填充原点表示所选项目选择预设： 手动选择功能查看项目所需的功能Please: Babel TypeScript 渐进式Web 应用程序(PWA) 支持# 渐进式Web 应用程序 Router #vue -router ( vue 路由） Vuex #vuex（vue 状态管理模式） CSS preprocessor #CSS 预处理器（例如less 、 sass） Linters/formatters #代码风格检查和格式化（例如ESlint） Unit tests #单元测试（单元测试） E2E测试#e2e（端到端）测试# 步骤3 选择是否使用历史路由器Vue-Router利用浏览器自带的哈希模式和历史模式特性来实现前端路由（通过浏览器提供的调用接口）使用路由器的历史记录模式（生产中的索引回退需要正确的服务器配置）（Y/n）#Select n# 步骤4 选择CSS 预处理器（支持PostCSS、Autoprefixer 和CSS 模块）默认）: Sass/SCSS (使用dart-sass) Sass/SCSS (使用node-sass) Less #vue 通常用于此Stylus # 步骤5 选择ESLint 的代码检测模式（如果选择了Linter） 步骤2/Formatter 项如果没有，则执行步骤5 和6选择linter/formatter config: ESLint (仅错误预防) #仅错误预防ESLint + Airbnb 配置#Aribnb 配置ESLint + 标准配置#标准配置ESLint + Prettier #Pretty 设置# 步骤6 ESLint 选择其他lint 功能： Lint on save # 保存时检查 提交时检查Lint 并修复# 提交时检查# 第7 步Babel，ESLint 等设置放在哪里？在专用配置文件中# 将独立文件放在package.json 中# 放在package.json 中# 步骤8 是否保存此配置（保存后，下次） 将其保存为将来项目的预设（是/否）# 如果选择是3.3 启动项目

npm runserveVUE 项目管理器如果您使用的是Vue CLI 3.x 或更高版本，则可以通过命令“vue ui”启动Vue 项目管理器。这样，您就可以通过项目管理器来管理您的项目（创建、运行、打包等）。