vue-cli3搭建一个vue项目

本文主要讲windows系统下操作win+r-->cmd-->回车然后一波操作..来到你本地的工作空间vuecreatemyobjectand系统会提示您选择一个预设（preset）。您可以选择包含基本Babel+ESLint设置的默认预设，也可以选择“手动选择功能”来选择所需的功能。？Pleasepickapreset:(Usearrowkeys)>default(babel,eslint)Manuallyselectfeatures此默认设置非常适合快速创建新项目的原型，而手动设置提供更多选项，它们是面向生产的项目更需要。这里我们使用custom来创建（按键盘↑↓切??换选择，回车确认）↓回车后如下？请选择一个预设：手动选择功能？检查项目所需的功能：（按选择，切换所有，反转选择）>(*)Babel//Babelcompilation()TypeScript()ProgressiveWebApp(PWA)Support()Router()Vuex(*)CSSPre-processors//CSSprecompiler(including:SCSS/Sass,Less,Stylus)(*)Linter/Formatter//代码检测和格式化()UnitTesting//单元测试()E2ETesting//End-to-endtesting视具体项目而定根据情况选择不同的配置，空格键：选择/反选；按一个键：全选/取消全选；按i键：反向选择所选项；上下键：上下移动选择。输入：进入下一步。Babel可以帮助我们将高级语法转换为低级语法。这是强制性的。对于特殊需求，可以通过babel.config.js来配置Babel。CSSPre-processors:选择CSSpreprocessingtype:PickaCSSpre-processorLinter/Formatter选择Linter/Formatterspecificationtype:Pickalinter/formatterconfig选择lintmethod,savewhencheck/checkwhensubmitting:Pickadditionallintfeatures↓back之后的车是这样的？请选择一个预设：手动选择功能？检查项目所需的功能：Babel、CSS预处理器、Linter？PickaCSSpre-processor(PostCSS,AutoprefixerandCSSModulesaresupportedbydefault):(Usearrowkeys)>Sass/SCSS(withdart-sass)Sass/SCSS(withnode-sass)LessStylus此项选择根据以个人习惯。本文选择dart-sasssass。官方目前主推的dart-sass最新特性会在这个先实现，运行会比较慢；node-sass是实时自动编译的，dart-sass需要保存才能生效。↓回车后如下？请选择一个预设：手动选择功能？检查项目所需的功能：Babel、CSS预处理器、Linter？选择一个CSS预处理器（默认支持PostCSS、Autoprefixer和CSSModules）：Sass/SCSS（带dart-sass）？选择一个linter/formatter配置：（使用箭头键）>ESLintwitherrorpreventiononlyESLint+AirbnbconfigESLint+StandardconfigESLint+PrettierAirbnbstandard，它依赖于eslint，eslint-plugin-import，eslint-plugin-react，和eslint-plugin-jsx-a11y等插件，每个插件的版本都有要求。可以执行以下命令查看自己依赖的版本：npminfo"eslint-config-airbnb@latest"peerDependencies这里选择Airbnb。不按标准，代码编译失败↓回车后，是这个样子？请选择一个预设：手动选择功能？检查项目所需的功能：Babel、CSS预处理器、Linter？选择一个CSS预处理器（默认支持PostCSS、Autoprefixer和CSSModules）：Sass/SCSS（带dart-sass）？选择一个linter/格式化程序配置：Airbnb？选择其他lint功能：（按进行选择，切换所有，反转选择）>(*)Lintonsave()LintandfixoncommitCheck↓按Enter后，如下所示跟随？请选择一个预设：手动选择功能？检查项目所需的功能：Babel、CSS预处理器、Linter？选择一个CSS预处理器（默认支持PostCSS、Autoprefixer和CSSModules）：Sass/SCSS（带dart-sass）？选择一个linter/格式化程序配置：Airbnb？选择其他lint功能：（按进行选择，按切换所有，IndedicatedconfigfilesInpackage.jsonIndedicatedconfigfiles:分别保存在各自的配置文件中Inpackage.json:保存在package.json文件中。这里选择单独的文件配置↓回车如下？请选择一个预设：手动选择功能？检查项目所需的功能：Babel、CSS预处理器、Linter？选择一个CSS预处理器（默认支持PostCSS、Autoprefixer和CSSModules）：Sass/SCSS（带dart-sass）？选择一个linter/格式化程序配置：Airbnb？选择其他lint功能：（按进行选择，按切换所有，按反转选择）Lintonsave？您更喜欢将Babel、ESLint等的配置放在哪里？在专用配置文件中？将其保存为未来项目的预设？(y/N)y保存这次的配置，下次使用。此步骤是可选的，下一步是准备编码。cdmyobject#启动项目npmrunserve#打包npmrunbuild