使用VUE_CLI3生成vue+typescript的项目

1、基于vue-cli3创建项目

npm create project-first

使用VUE_CLI3生成vue+typescript的项目_第1张图片
默认安装babel,eslint,我们选择手动安装
使用VUE_CLI3生成vue+typescript的项目_第2张图片
生成后如图所示
使用VUE_CLI3生成vue+typescript的项目_第3张图片
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/

你可能感兴趣的:(日常知识)