Vue3 => Vue3.0+TypeScript打造企业级组件库 1

133 阅读1分钟

1.创建一个vue3+ts的项目

npm i -g @vue/cli
vue create vue3-json-schema-form
  • 选择最后一项后
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    按照这个来选择

1.Manually select feature
2.Vue version,Babel,TS,Linter,Unit
3.3.X
4.nO
5.yES
6.pRETTIER
7.Lint on Save,Lint and fix on commit
8.Jest
9.congif files
10.yes or no

  • vue-cli默认是使用yarn来安装的

2.运行项目

1.code打开

code 项目名字

打开了

2.然后yarn serve
3.开启8080端口
在这里插入图片描述
4.启动成功

3.查看项目各个文件夹

在这里插入图片描述

4.配置文件

1.vscode下载Prettier插件

Prettier

2.创建.prettierrc文件
在这里插入图片描述
3.配置vscode配置setting.json
在这里插入图片描述
这样保存就能生效了