目录1、安装Node.js和npm/yarn Node.js官网2、安装Vue CLI3、使用Vue CLI创建一个新的Vue项目可以通过以下命令4、配置预设5、如果选择了Manually select features1、安装Node.js和npm/yarnNode.js官网2、安装Vue CLInpm install -g vue/cli # 或者使用yarn # yarn global add vue/cli3、使用Vue CLI创建一个新的Vue项目可以通过以下命令vue create vue2_demodemo是项目名可自定义。4、配置预设? Please pick a preset: (Use arrow keys) Default ([Vue 3] babel, eslint) Default ([Vue 2] babel, eslint) Manually select featuresDefault ([Vue 3] babel, eslint)这个选项是为 Vue 3 设计的默认预设Default ([Vue 2] babel, eslint)这个选项是为 Vue 2 设计的默认预设Manually select features这个选项允许你手动选择你想要包含在项目中的特性和工具。5、如果选择了Manually select features按空格选中? Check the features needed for your project: (Press space to select, a to to select, a to toggle all, i to invert selection, and enter to proceed) (*) Babel ( ) TypeScript ( ) Progressive Web App (PWA) Support ( ) Router ( ) Vuex ( ) CSS Pre-processors (*) Linter / Formatter ( ) Unit Testing ( ) E2E TestingBabel一个 JavaScript编译器可以让你使用最新的 JavaScript 语法同时确保代码能够在当前和旧版的浏览器中运行。TypeScriptTypeScript 是 JavaScript 的一个超集Progressive Web App (PWA) SupportPWA 是一种使用现代 Web API 和传统渐进式增强策略创建跨平台应用程序的方法。RouterVue Router 是 Vue.js 官方的路由管理器。VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式和库CSS Pre-processorsCSS预处理器如 Sass、LessLinter / FormatterLinter如 ESLint用于发现和修复代码中的问题Formatter如 Prettier用于格式化代码以保持一致的风格。Unit Testing单元测试。E2E Testing端到端测试E2E是测试整个应用从开始到结束的流程。按下回车后? Choose a version of Vue.js that you want to start the project with (Use arrow keys) 3.x 2.x在这个步骤中你需要选择你想要开始项目的 Vue.js 版本。按下回车后? Pick a linter / formatter config: (Use arrow keys) ESLint with error prevention only ESLint Airbnb config ESLint Standard config ESLint PrettierESLint with error prevention only这个配置只包括基本的 ESLint 规则主要关注防止错误。ESLint Airbnb config这个配置基于 Airbnb 的 JavaScript 风格指南是一个非常流行且全面的 ESLint 配置。它提供了一套广泛的规则旨在提高代码的可读性和一致性。如果你不熟悉代码风格规则或者想要遵循业界广泛接受的标准这是一个不错的选择。ESLint Standard config这个配置使用了 StandardJS 风格指南它是一个简单、标准化的 JavaScript 风格指南。如果你喜欢更宽松的规则集或者你的团队已经遵循 StandardJS那么可以选择这个配置。ESLint Prettier这个配置结合了 ESLint 和 PrettierPrettier 是一个流行的代码格式化工具它可以自动格式化代码以符合一定的风格。按下回车后? Pick additional lint features: (Press space to select, a to toggle all, i to invert selection, and enter to proceed) (*) Lint on save ( ) Lint and fix on commitLint on save选中这个选项后每当你保存文件时ESLint 会自动运行并检查代码。Lint and fix on commit这个选项会在你提交代码到版本控制系统如 Git之前运行 ESLint并尝试自动修复发现的问题。按下回车后Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys) In dedicated config files In package.jsonIn dedicated config files这个选项会在你的项目中创建独立的配置文件例如.babelrc或.eslintrc.js。这样做的好处是配置文件与package.json分离使得配置更加模块化易于管理和阅读。In package.json这个选项会将所有的配置直接放在package.json文件中。这样做的好处是所有的依赖和配置都在一个地方方便查看和管理。Save this as a preset for future projects? (y/N)y表示“是”你将保存当前的配置为预设。N表示“否”你不会保存当前的配置为预设默认选项。经过一段时间的等待您的vue2项目就创建完毕啦~~~ Vue项目创建及自定义项目配置详解（Manually select features）看这篇就够了！
目录1、安装Node.js和npm/yarn Node.js官网2、安装Vue CLI3、使用Vue CLI创建一个新的Vue项目可以通过以下命令4、配置预设5、如果选择了Manually select features1、安装Node.js和npm/yarnNode.js官网2、安装Vue CLInpm install -g vue/cli # 或者使用yarn # yarn global add vue/cli3、使用Vue CLI创建一个新的Vue项目可以通过以下命令vue create vue2_demodemo是项目名可自定义。4、配置预设? Please pick a preset: (Use arrow keys) Default ([Vue 3] babel, eslint) Default ([Vue 2] babel, eslint) Manually select featuresDefault ([Vue 3] babel, eslint)这个选项是为 Vue 3 设计的默认预设Default ([Vue 2] babel, eslint)这个选项是为 Vue 2 设计的默认预设Manually select features这个选项允许你手动选择你想要包含在项目中的特性和工具。5、如果选择了Manually select features按空格选中? Check the features needed for your project: (Press space to select, a to to select, a to toggle all, i to invert selection, and enter to proceed) (*) Babel ( ) TypeScript ( ) Progressive Web App (PWA) Support ( ) Router ( ) Vuex ( ) CSS Pre-processors (*) Linter / Formatter ( ) Unit Testing ( ) E2E TestingBabel一个 JavaScript编译器可以让你使用最新的 JavaScript 语法同时确保代码能够在当前和旧版的浏览器中运行。TypeScriptTypeScript 是 JavaScript 的一个超集Progressive Web App (PWA) SupportPWA 是一种使用现代 Web API 和传统渐进式增强策略创建跨平台应用程序的方法。RouterVue Router 是 Vue.js 官方的路由管理器。VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式和库CSS Pre-processorsCSS预处理器如 Sass、LessLinter / FormatterLinter如 ESLint用于发现和修复代码中的问题Formatter如 Prettier用于格式化代码以保持一致的风格。Unit Testing单元测试。E2E Testing端到端测试E2E是测试整个应用从开始到结束的流程。按下回车后? Choose a version of Vue.js that you want to start the project with (Use arrow keys) 3.x 2.x在这个步骤中你需要选择你想要开始项目的 Vue.js 版本。按下回车后? Pick a linter / formatter config: (Use arrow keys) ESLint with error prevention only ESLint Airbnb config ESLint Standard config ESLint PrettierESLint with error prevention only这个配置只包括基本的 ESLint 规则主要关注防止错误。ESLint Airbnb config这个配置基于 Airbnb 的 JavaScript 风格指南是一个非常流行且全面的 ESLint 配置。它提供了一套广泛的规则旨在提高代码的可读性和一致性。如果你不熟悉代码风格规则或者想要遵循业界广泛接受的标准这是一个不错的选择。ESLint Standard config这个配置使用了 StandardJS 风格指南它是一个简单、标准化的 JavaScript 风格指南。如果你喜欢更宽松的规则集或者你的团队已经遵循 StandardJS那么可以选择这个配置。ESLint Prettier这个配置结合了 ESLint 和 PrettierPrettier 是一个流行的代码格式化工具它可以自动格式化代码以符合一定的风格。按下回车后? Pick additional lint features: (Press space to select, a to toggle all, i to invert selection, and enter to proceed) (*) Lint on save ( ) Lint and fix on commitLint on save选中这个选项后每当你保存文件时ESLint 会自动运行并检查代码。Lint and fix on commit这个选项会在你提交代码到版本控制系统如 Git之前运行 ESLint并尝试自动修复发现的问题。按下回车后Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys) In dedicated config files In package.jsonIn dedicated config files这个选项会在你的项目中创建独立的配置文件例如.babelrc或.eslintrc.js。这样做的好处是配置文件与package.json分离使得配置更加模块化易于管理和阅读。In package.json这个选项会将所有的配置直接放在package.json文件中。这样做的好处是所有的依赖和配置都在一个地方方便查看和管理。Save this as a preset for future projects? (y/N)y表示“是”你将保存当前的配置为预设。N表示“否”你不会保存当前的配置为预设默认选项。经过一段时间的等待您的vue2项目就创建完毕啦~~~