vue-cli 创建项目选项详解(vue基础)

从今天开始,开始写vue学习笔记专题。先写几篇基础知识,后续会有vue的一些高阶操作,例如自动化搭建vue多页面,vue插件开发,vue库的开发以及自动化脚本分开文件打包等等。
vue的官方文档写得真的很好,值得我们好好仔细得研读。
本专题主要记录一些vue文档没有的或者容易让人忽略的再或者不够详细的内容。让我们一起学习进步。

根据的是最新版vue-cli4

vue create 

基础选项

? 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) 测试

下一步细节配置(根据上一步的选择项决定,这里演示的是上一步全选后的)

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) :是否保存当前预设,下次构建无需再次配置

如果这篇文章有帮到你,希望点个赞或者收藏转发哦。谢谢你的认同。

你可能感兴趣的:(vue.js学习笔记)