【vue3+ts】项目初始化+vscode插件

已于 2023-10-30 14:31:34 修改
阅读量392 收藏
点赞数
分类专栏： vue3 文章标签： 前端
于 2023-10-12 18:07:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44171757/article/details/133796423
版权

1、win+r呼出cmd，输入构建命令


//用vite构建
npm init vite@latest

//用cli脚手架构建
npm init vue@latest

2、设置vscode插件

搜索volar，安装前面两个
如果安装了vue2的插件vetur，要禁用掉，否则插件会冲突
在这里插入图片描述

在这里插入图片描述

String佳佳
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSCode中值得推荐的常用的33个高效前端插件「效率篇」 (1)
专注于dreamweaver网页设计制作
08-09 2293
VSCode 是我们前端开发的一个强大的IDE，所以选择趁手好用的插件是提高开发效率，然后剩下的时间用来摸鱼是很有必要滴。
Vite+vue3+ts 项目初始化底座
02-21
qingqiu
vscode + vue3 开发插件
05-07
vscode + vue3 开发插件
vscode-tslint:vscode的tslint集成
04-30
vscode-tslint VSCode扩展以支持tslint。 本自述介绍了开发设置，以获得有关发布扩展信息，请参阅在tslint文件夹中。 开发设置 在tslint和tslint-server文件夹中运行npm install 在tslint和tslint-server上打开VS Code，或者通过打开vscode-tslint.code-workspace与客户端和服务器一起打开vscode-tslint.code-workspace 一次编译服务器（请参阅开发服务器） 开发服务器 在tslint-server上打开VS代码 运行npm run compile或npm run watch以构建服务器并将其复制到tslint文件夹 调试按F5，它将调试器附加到服务器 要跟踪服务器通信，可以启用以下设置：“ tslint.trace.server”：“ verbose”，“ mes
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia
2023年VSCode插件最新推荐（54款）
热门推荐
qw_6918966011的博客
07-25 3万+
本文介绍前端开发领域常用的一些VSCode插件，插件是VSCode最重要的组成部分之一，本文列出了我自己在以往工作经验中积累的54款插件，个人觉得这些插件是有用或有趣的，根据它们的作用，我粗略的把它们分成了等几个模块。
VSCode 配置插件
qq_34820433的博客
04-13 2569
TypeScript 中开发中 VSCode 配置和插件安装。
2024前端vscode必备插件(持续更新)
weixin_60053942的博客
04-05 6689
2024前端vscode必备插件，包含 vue、html、css、ai、调试等等，提高你的开发效率
在vscode中使用Typescript并运行
蜗牛~~
02-16 9372
此时我们就可以看到在ts文件夹下面出现了 一个tsconfig.json的文件。看下效果，此时我们新建一个demo.ts，控制台就会自动监视运行。例如我们创建一个test.ts文件，可以在控制台 输入。并在js文件夹中自动生成了对应的demo.js文件。由于浏览器是识别不了ts文件的，因此编译的过程就是。首先呢，我们在学习ts之前，需要先安装ts。此时我们对比一下，就达到了预期的目标。（2）vscode自动化编译ts文件。此时就可以开启ts的学习之路了~将ts文件编译为js文件。
vscode中 vue3+ts 项目的提示失效，volar插件失效问题解决方案
潜心
11-07 6280
📚Typescript☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。
vue3+vite+ts 仿淘宝放大镜效果
09-17
1.本demo是一个类似于淘宝放大镜的效果。 2.使用vue3+vite搭建 3.实现了图片点击轮播和移入放大的效果 4.下载下来可直接使用，必须真实 有问题可以直接提问
vue3 + ts 基于elementplus 后台管理系统模板.zip
05-13
vue3 + ts 基于elementplus 后台管理系统模板 vue3 + ts 基于elementplus 后台管理系统模板 vue3 + ts 基于elementplus 后台管理系统模板 vue3 + ts 基于elementplus 后台管理系统...
SpringBoot项目打包分离高阶操作
Record Little
04-23 729
虽然传输jar包 比较大，但是安全性、稳定性比较高，不需要关注pom.xml 添加了新的依赖、更新了版本号等等影响版本功能的操作。关注maven的特性， profiles即可满足， 根据不同的activation 状态，激活不同的build操作。每次修改一小部分代码或仅仅更新某个依赖jar包时，都需要重新进行整个项目的构建、打包、上传和部署。但是当你的项目趋于稳定，只有业务上的逻辑变更时，如果使用分离版本，可以加快迭代、更新的速度。弊端： 需要配置IDE命令，修改依赖时需要同时修改2处。
判断前端入参是否空否则提示前端写法
qq_39306234的博客
04-28 162
前端先声明一个变量，用于alert判断。在templeat中定义一个提示语句。然后在点击事件时判断一下是否展示。
前端调用WebSocket协议接口获取数据
最新发布
m0_56023096的博客
04-29 95
createWs("测试数据", (res) => {
两个前端标签
ma_no_lo的博客
04-24 152
两个前端标签
docker部署前端项目（二）遇到的问题
weixin_45379180的博客
04-25 384
原因： 安装docker的时候使用的是 yum -y install docker 命令，这个命令安装的是老版本。报错四：conflicts with file from package docker-common。因为使用 sudo yum install docker （下载到的是旧版）missing signature key 缺少秘钥。yum remove docker 删除docker。1、docker版本号 只有1.13.1。解决：可能是docker 未启用。
vue报错：Do not mutate vuex store state outside mutation handlers.
weixin_44021888的博客
04-25 308
vue报错：Do not mutate vuex store state outside mutation handlers.
vue3+ts初始化一个空数组
04-13
可以使用以下代码初始化一个空数组： ``` const myArray: Array<any> = []; ``` 如果您需要声明数组中元素的类型，则可以使用以下代码： ``` interface MyObject { myProperty: string; } const myArray: Array<MyObject> = []; ``` 请注意，这与您发布的注意事项无关。 请继续提出您的问题，我会尽力回答。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值