Vue新建项目过程教导
-
进行vue环境安装
-
开始创建项目名为
wode
的vue工程
vue create wode
-
项目配置
- 默认上次新建项目的配置
- 系统默认配置
- 手动配置 (选择这个)
-
选择手动配置后出现的选项,
空格
选中自己需要的,enter
下一步,根据你选择的要求不同,后面出现的选项会变化,我把我遇到的写一下。
Babel:
将ES6编译成ES5
TypeScript:
JS超集,主要是类型检查
Progressive Web App (PWA) Support
//渐进式Web应用
Router和Vuex,
路由和状态管理
Linter/ Formatter:
代码检查工具
CSS Pre-processors:
css预编译 (稍后会对这里进行配置)
Unit Testing:
单元测试,开发过程中前端对代码进行自运行测试
E2E Testing
测试 -
是否使用Class风格装饰器?
即原本是
home = new Vue()
创建vue实例 ,
使用装饰器后:class home extends Vue{}
-
使用Babel与TypeScript一起用于自动检测的填充? yes
-
路由使用历史模式? 这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面
-
选择
CSS预编译器
,我选择的是Stylus
,具体差异请百度
-
选择格式检验方式
tslint:
typescript格式验证工具
eslint w...:
只进行报错提醒; 【选这个】
eslint + A...:
不严谨模式;
eslint + S...:
正常模式;
eslint + P...:
严格模式; -
选择代码检查时期
Lint on save
语法检查配置文件保存时检查
Lint and fix on commit
文件提交时检查 -
选择配置文件存放位置
In dedicated config files
放独立文件放置
In package.json
放package.json里(一般是放在这个位置) -
是否在以后的项目中使用以上配置?,自己看着来
-
等待下载完,到此大功告成!
-
这里是我的所有要求目录