vue+vuex+ts项目开发

前面写的了解了一下vue这个框架,所有的框架都要在实际应用里感受一下好坏.
这里用vue+vuex+Ts+elementEI来做一个项目

git地址:
https://github.com/544076724/...

首先下载vue-cli 这里用的版本是4.5.9

首先创建项目

vue create edu-boss-fed

然后来回答一些问题
vue+vuex+ts项目开发_第1张图片
这里我们自己配置要的选项
vue+vuex+ts项目开发_第2张图片
然后第一个不选默认是2.0版本的vue,这里我们用2.0。
然后把babel,ts,router,vuex,css预处理器,和lint都选上.
vue+vuex+ts项目开发_第3张图片
然后勾选ts之后,我们把使用类样式的组件语法 也勾选上(可以写jsx语法了)
vue+vuex+ts项目开发_第4张图片
这个也是yes,我们让ts只处理类型注解,然后语法的转换还是交给babel来处理(ts处理不够完善).
vue+vuex+ts项目开发_第5张图片
这里我们选的no,我们这个项目用hash模式路由,如果后期需要history模式再配置.
vue+vuex+ts项目开发_第6张图片
这里用第一个,最新的sass
vue+vuex+ts项目开发_第7张图片
这里我们用Standard规则,这个规则相对比较松,比较适合个人或小团队使用.

vue+vuex+ts项目开发_第8张图片
这里我们都勾选上,保存save和commit提交时都对代码进行修复.
vue+vuex+ts项目开发_第9张图片
然后第一个,把eslint以及其他配置都用单独文件配置.
vue+vuex+ts项目开发_第10张图片
最后看个人需要,是否要储存我们之前选择的这一套来生成个模板,方便下次使用.

你可能感兴趣的:(vue.jsvuexts)