新建vue2 typescript类型项目

环境准备

nodejs版本:v16.20.1

npm版本:8.19.4

新建vue2 typescript类型项目_第1张图片

 

 

1.初始化

npm init -y

新建vue2 typescript类型项目_第2张图片

新建vue2 typescript类型项目_第3张图片

2.安装vue-cli

npm install -D @vue/cli

新建vue2 typescript类型项目_第4张图片

新建vue2 typescript类型项目_第5张图片

3.查看安装vue-cli的版本

新建vue2 typescript类型项目_第6张图片

 

4.创建vue2项目

npx vue create 项目名称

新建vue2 typescript类型项目_第7张图片

选择Manually select features,回车

新建vue2 typescript类型项目_第8张图片

 选择TypeScript,回车新建vue2 typescript类型项目_第9张图片

 选择2.x,回车新建vue2 typescript类型项目_第10张图片

 选项说明

Use class-style component syntax - 是否使用类风格,typescript就是类风格,选择yes

Use Babel alongside TypeScript - 使用Babel,选择yes

Pick a linter / formatter config - 格式化

Pick additional lint features - eslint检查触发点,选择保存

新建vue2 typescript类型项目_第11张图片

 In dedicated config files - 配置文件单独保存

In package.json - 保存在package.json 

  新建vue2 typescript类型项目_第12张图片

是否保存选择,选择n

新建vue2 typescript类型项目_第13张图片

新建vue2 typescript类型项目_第14张图片

5.运行

yarn serve

新建vue2 typescript类型项目_第15张图片

 

新建vue2 typescript类型项目_第16张图片

 

你可能感兴趣的:(typescript,javascript,前端)