一篇文章带你使用Typescript封装一个Vue组件
2024-09-01 15:18:35
一、搭建项目以及初始化配置
vue create ts_vue_btn
这里使用了vue CLI3自定义选择的服务,我选择了ts、stylus等工具。然后创建完项目之后,进入项目。使用快捷命令code .进入Vs code编辑器(如果没有code .,需要将编辑器的bin文件目录地址放到环境变量的path中)。然后,我进入编辑器之后,进入设置工作区,随便设置一个参数,这里比如推荐设置字号,点下。这里是为了生成.vscode文件夹,里面有个json文件。
我们在开发项目的时候,项目文件夹内的文件很多,会有时影响视觉。那么这个文件就是设置什么文件隐藏,注意只是隐藏,而不是删除!下面是我自己写的,在Vue cli3生成的项目需要隐藏的文件参数。
{
"files.exclude": {
"**/.git": true,
"**/.svn": true,
"**/.hg": true,
"**/CVS": true,
"**/.DS_Store": true,
"**/README.md": true,
"**/node_modules":true,
"**/shims-tsx.d.ts": true,
"**/shims-vue.d.ts": true,
"**/.browserslistrc": true,
".eslintrc.js": true,
"babel.config.js": true,
"package-lock.json": true,
".gitignore": true,
"tsconfig.json": true
}
}
以下就是所看到的文件目录,我把一些无关紧要的文件跟文件夹隐藏或者删除后所看到的。
文件解读(从上往下):
更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/119945715
最新文章
- Android SQLite调试
- MS SQL Server存储过程
- windbg调试C#代码(二)
- Shell_Oracle Erp基于主机文件Host开发详解(案例)
- bzoj 1196 二分+生成树判定
- CentOS安装 pure-ftpd
- [转载].Net中如何操作IIS(源代码)
- LB 高可扩展性集群(负载均衡集群)
- 给 Virtualbox 中 Ubuntu 系统设置静态 IP ,让 DNS 配置信息不会在重启后被清除
- cookie和session的那些事
- spring源码系列(一)sring源码编译 spring源码下载 spring源码阅读
- JAVA线程池shutdown和shutdownNow的区别
- Linux matlab.desktop文件
- tarjan求双联通分量(割点,割边)
- Excel中如何匹配另外一个Excel中的数据
- FileSystemResource在Srping FrameWork 5中的变化
- Python day6_dictionary字典的常见方法1_笔记(基本类型结束)
- Windows 10中更新Anaconda和第三方包
- nginx实战六
- 20155308 2016-2017-2《Java程序设计》课堂实践项目