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项目就创建完毕啦~~~

Vue项目创建及自定义项目配置详解（Manually select features）看这篇就够了！

相关推荐

从零构建本地AI邮件助手：基于LangChain与本地大模型的自动化实践

数学建模竞赛实战复盘：从数据处理到模型优化的完整解题框架

当医疗AI走入“深水区”，研华以“边缘算力基建”回答落地难题

更多资讯

VibeHacks #06｜10 位 Mentor 已集齐，报名截止最后2天！

面试笔记：数据加密和心跳机制

引擎选择问题：Godot 和 Unity 哪个好？新手先按这几个问题选

2027年PMP什么时候考？官方节奏、机构排课信号与备考时间线

海洋场馆水质数据数字化、可溯源是未来刚需

OpenClip 扩展商店使用教程：一键安装、自动更新与管理社区扩展

今日更新

猫狗目标检测数据集：VOC/COCO/YOLO三格式一体化实战包

HDU2017多校标程复现：算法竞赛工程化真题沙盒

Codex Sandbox 隔离环境拆解：AI Agent 的临时实验室如何运作

本周精选

防幻觉智能体架构：电源硬件设计中的大模型编排与工具化实践

OpenGL面试核心考点：渲染管线、矩阵变换与性能排查全解析

全国计算机二级C语言真题PDF高效刷题指南

本月热门

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

2026 大模型集体涨价：用 Python 做企业 Token 成本测算与选型避坑（附配置）

读完文章，想聊聊您的网站？