npm i -g @vue/cli typescript
–安装vue-cli脚手架和typescriptvue create <Project Name>
–创建项目
如果是在windows下使用git bash,需要在此基础上修改.bashrc
:1
2
3vim ~/.bashrc
然后将 alias vue='winpty vue.cmd' 粘贴进去
之后重启git bash选择手动选择,然后选择Babel,typescript,Router,Vuex,CSS Pre-processors,Linter。
1
2
3
4
5
6Babel
TypeScript
Router
Vuex
CSS Pre-processors
Linter推荐使用webstorm或vscode进行开发,其中webstorm需要安装ESlint+Prettier+Typescript+Vue共4个插件
配置ESlint和Prettier
在工程的根目录下创建
.prettierrc.js
文件,并加上以下配置1
2
3
4module.exports={
singleQuote: true,
semi: false
}修改工程根目录下的
.eslintrc.js
文件,增加下图中红框中的代码检验是否配置成功:打开
src/main.tx
: 可以看到,
双引号字符
和句尾的分号
都报错了,这时只需要按Alt-Shift-Ctrl-p,就可以自动修正所有报错了。