使用VUE_CLI3生成vue+typescript的项目

1、基于vue-cli3创建项目

npm create project-first


默认安装babel,eslint,我们选择手动安装
在这里插入图片描述
生成后如图所示
在这里插入图片描述
1、public目录下的index.html为项目html主入口
2、src目录下的main.ts是整个工程入口文件ts
3、browserslistrc:配置浏览器的要求,css针对不同浏览器会有兼容性问题。配合postcss的autoprefixer插件使用
4、eslintrc.js 是一个代码规范和错误检查工具配置,对于不符合规则要求的写法会报错
5、gitignore 忽略哪些文件无需上传
6、babel.config.js 文件预设
7、package-lock.json npm5以上锁版本的功能,不会重复安装,版本管理的一个文件
8、package.json 项目的一系列描述和依赖
9、vue_cli3已经默认没有webpackconfig之类的文件了,如果需要进行http请求或者修正其他配置项,可以在根目录下创建vue.config.js,书写对应配置。

vue-property-decorator使用指南

vue-property-decorator装饰器,用在在vue中写typescript代码时候,简化书写
https://juejin.im/post/5c173a84f265da610e7ffe44

typescript

阮一峰:https://ts.xcatliu.com/
官网:http://www.typescriptlang.org/

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值