Vue3新建项目选项
1.创建: vue create 项目名
2.配置选择
default(babel,eslint):默认设置(直接enter)非常适合快速创建一个新项目的原型,没有带任何辅助功能的 npm包
Manually select features:自定义配置(按方向键 ↓)是我们所需要的面向生产的项目,提供可选功能的 npm 包
选择Manually select features
3.得到如下选项:
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>( ) Babel //转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。
( ) TypeScript// TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 JavaScript 的语法,需要被编译输出为 JavaScript在浏览器运行,目前较少人再用
( ) Progressive Web App (PWA) Support// 渐进式Web应用程序
( ) 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.选择以下内容:
5.是否使用history router,选择yes
6. css预处理器
主要为css解决浏览器兼容、简化CSS代码 等问题,选less
7.提供一个插件化的javascript代码检测工具,ESLint + Prettier //使用较多
8.何时检测:选下面
9.如何存放配置 : 选上面
10.是否保存本次配置(y:记录本次配置,然后需要你起个名; n:不记录本次配置):
11.本次配置如下
12.运行结果
npm run serve