1npm install -g @vue/cli
创建配置
创建1vue create vue-app
选择配置1
2
3
4? Please pick a preset: (Use arrow keys)
1 (babel, eslint)
default (babel, eslint)
Manually select features
保存过的配置
默认配置
自定义配置
自定义配置1
2
3
4
5
6
7
8
9
10? Check the features needed for your project:
(*) Babel
(*) TypeScript
( ) Progressive Web App (PWA) Support
(*) Router
( ) Vuex
(*) CSS Pre-processors
(*) Linter / Formatter
(*) Unit Testing
( ) E2E Testing
可以直接按数字键1,2,3,4进行选择
Babel:将ES6编译成ES5
TypeScript:JS超集,主要是类型检查
Router和Vuex,路由和状态管理
Linter/ Formatter:代码检查工具
CSS Pre-processors:css预编译 (稍后会对这里进行配置)
Unit Testing:单元测试,开发过程中前端对代码进行自运行测试
1Use class-style component syntax? (Y/n) y

本文指导如何通过npm全局安装Vue CLI3,然后使用它创建一个新项目,并在项目配置中选择Babel、TypeScript、Vue Router、Vuex、CSS预处理器等特性。在项目创建过程中,涉及了是否使用Class风格组件、是否使用Babel配合TypeScript以及选择CSS预处理器(如Sass/SCSS)。此外,还讨论了代码检查工具的选择和配置,以及在项目中添加自定义的vue.config.js文件来调整端口和设置代理。
最低0.47元/天 解锁文章
815

被折叠的 条评论
为什么被折叠?



