[vue log] Detailed explanation of the options of the vue-cli scaffolding project

1. According to the latest version of vue-cli4

vue create myproject

2. Choose a custom method

selectManually select features
Insert picture description here

3. Basic options

? Check the features needed for your project:
( ) Babel //转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。
( ) TypeScript// TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 JavaScript 的语法,需要被编译输出为 JavaScript在浏览器运行
( ) Progressive Web App (PWA) Support// 渐进式Web应用程序
此条详细在:https://baike.baidu.com/item/PWA/22378897?fr=aladdin
( ) 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) 测试

4. The detailed configuration of the next step (determined according to the selection items in the previous step, the demonstration here is after all selected in the previous step)

Use class-style component syntax? (Y/n):是否使用class风格的样式语法(TypeScript)
Use Babel alongside TypeScript for auto-detected polyfills? (Y/n) :是否使用class风格的组件语法(TypeScript) yes
Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n):是否使用history模式

Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default):选择预处理的模式
( )Sass/SCSS (with dart-sass)
( )Sass/SCSS (with node-sass)
( )Less
( )Stylus

Pick a linter / formatter config: (Use arrow keys):选择语法检测规范
( )TSLint
( )ESLint with error prevention only
( )ESLint + Airbnb config
( )ESLint + Standard config
( )ESLint + Prettier

Pick additional lint features: (Press to select, to toggle all, to invert selection) 选择 保存时检查 / 提交时检查
(*) Lint on save
( ) Lint and fix on commit

Pick a unit testing solution: (Use arrow keys) :测试方式
( )Mocha + Chai
( )Jest

Pick a E2E testing solution: (Use arrow keys) :e2e测试方式
( )Cypress (Chrome only)
( )Nightwatch (Selenium-based)


Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys)选择配置信息存放位置,单独存放或者并入package.json
( )In dedicated config files
( )In package.json

Save this as a preset for future projects? (y/N) :是否保存当前预设,下次构建无需再次配置

Guess you like

Origin blog.csdn.net/u013034585/article/details/106772510