vue配置ts
从0开始写ts的vue
- 下载vue-cli 3.0+
npm install -g @vue/cli
- 通过脚手架vue-cli创建vue项目
vue create tsvue2
- 安装过程中选择
Manually select features
(自定义配置) - 按照提示按
空格键
选中项目所需配置即可(选中typescript) - 全部选择后,示例如图:
- 安装完成后,运行
npm run serve
即可启动项目,如图:
从js迁移到ts
PS:开发环境下运行项目会因为各种库文件报各式各样的错,多为库的版本兼容问题,按需升级即可。
我是vue-cli 2.x版本所搭建的vue项目,比如
webpack
webpack-dev-server
vue-loader
ts-loader
html-webpack-plugin
…
我都升级过…