如何通过Typescript轻松封装Vue组件？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1428个文字，预计阅读时间需要6分钟。
1. 创建项目及初始化配置：使用 `vue create ts_vue_btn`，选择了 Vue CLI 3 和自定义服务，选用了 TypeScript 和 Stylus 等工具。
2.项目创建后，进入项目。
3.使用快捷命令 `code` 打开 VS Code 编辑器。
一、搭建项目以及初始化配置
vue create ts_vue_btn
这里使用了vue CLI3自定义选择的服务，我选择了ts、stylus等工具。然后创建完项目之后，进入项目。使用快捷命令code .进入Vs code编辑器(如果没有code .，需要将编辑器的bin文件目录地址放到环境变量的path中)。然后，我进入编辑器之后，进入设置工作区，随便设置一个参数，这里比如推荐设置字号，点下。这里是为了生成.vscode文件夹，里面有个json文件。
我们在开发项目的时候，项目文件夹内的文件很多，会有时影响视觉。那么这个文件就是设置什么文件隐藏，注意只是隐藏，而不是删除！下面是我自己写的，在Vue cli3生成的项目需要隐藏的文件参数。
本文共计1428个文字，预计阅读时间需要6分钟。
1. 创建项目及初始化配置：使用 `vue create ts_vue_btn`，选择了 Vue CLI 3 和自定义服务，选用了 TypeScript 和 Stylus 等工具。
2.项目创建后，进入项目。
3.使用快捷命令 `code` 打开 VS Code 编辑器。
一、搭建项目以及初始化配置
vue create ts_vue_btn
这里使用了vue CLI3自定义选择的服务，我选择了ts、stylus等工具。然后创建完项目之后，进入项目。使用快捷命令code .进入Vs code编辑器(如果没有code .，需要将编辑器的bin文件目录地址放到环境变量的path中)。然后，我进入编辑器之后，进入设置工作区，随便设置一个参数，这里比如推荐设置字号，点下。这里是为了生成.vscode文件夹，里面有个json文件。
我们在开发项目的时候，项目文件夹内的文件很多，会有时影响视觉。那么这个文件就是设置什么文件隐藏，注意只是隐藏，而不是删除！下面是我自己写的，在Vue cli3生成的项目需要隐藏的文件参数。