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

已于 2023-10-30 14:31:34 修改
阅读量746 收藏
点赞数
分类专栏： vue3 文章标签： 前端
于 2023-10-12 18:07:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44171757/article/details/133796423
版权
博客介绍前端相关操作，先通过win+r呼出cmd输入构建命令，接着介绍设置vscode插件，需搜索volar安装前两个，若安装了vue2的vetur插件要禁用，避免冲突。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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


//用vite构建
npm init vite@latest

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

2、设置vscode插件

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

在这里插入图片描述

Vue 3开发必备插件 - VSCode
DpgrMl的博客
09-25 2304
其中，对于使用Visual Studio Code（简称VSCode）作为主要开发工具的Vue 3开发者来说，有一些必备的插件可以帮助他们更好地开发和调试Vue应用程序。VSCode是一款强大的代码编辑器，通过安装适合Vue 3开发的插件，我们可以提高开发效率和代码质量。Vetur是VSCode中专门针对Vue开发的插件，它提供了对Vue模板、脚本和样式的语法高亮、错误检查、智能感知等功能。Vue Peek是一个方便的插件，它可以让你快速地查看和导航Vue组件中的相关代码。
vue3+ts项目搭建
weixin_47821983的博客
11-22 2718
a) 完成以上的步骤以后会生成 eslint.config.js 文件 这个是eslint9 以后的版本(我也找了很多资料最后在github中拔了一个项目以后才配置好的)Ⅱ、修改npm的下载源 （因为默认指向的是 国外的下载地址，指向淘宝下载地址，下载速度就会很快）1、检查是否安装pnpm (默认npm安装成功的情况下，也就是安装了node)c) tsconfig.json 配置这个可以@别名的问题。b)修改配置vite.config.ts。eslint.config.js 的配置 具体如下。
VSCode做vue3+ts前端模块的时候需要的那些插件？
weixin_59589122的博客
03-10 1994
在用VSCode做vite+vue3+ts项目的时候，可能需要用到的几个插件
针对 Vue3 + Element Plus + Vue Router + Pinia + TypeScript 开发环境，在 VS Code 中推荐的实用插件及详细说明
最新发布
爱的叹息的专栏
04-10 1157
针对 Vue3 + Element Plus + Vue Router + Pinia + TypeScript 开发环境，在 VS Code 中推荐的实用插件及详细说明
【VsCode】使用VsCode学习VUE+TS必备插件
无休居士的博客
04-26 2501
如果使用的是vue2，则使用 Vetur 插件；使用 vue3 的话 ，要禁用 Vetur 插件，然后用 Volar 插件。两个插件不要同时使用，会冲突。
vscode开发 vue3+ts 的 uni-app 微信小程序项目（黑马）
m0_59778008的博客
04-12 2929
打开 微信开发者工具, 导入。在vscode设置中搜索。编译完成后项目中多了一个。
vscode中 vue3+ts 项目的提示失效，volar插件失效问题解决方案
潜心
11-07 9719
📚Typescript☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。
vue3+ts+vite+element-plus+pinia项目搭建的【详细教程】
weixin_43503406的博客
11-21 2679
帮助新手小白以及需要的人快速进行开发
vite+ts+vue3项目初始化 -- eslint+prettier代码格式化
weixin_43993776的博客
08-29 1812
【代码】vite+ts+vue3项目初始化。
VUE3&TS: Vue-cli4脚手架，Vue3+TS的项目搭建
干饭搬砖两不误。
01-16 4926
通过 Vue-cli4 创建的 Vue3+TS 的项目，并进行一些基础使用的举例
vue3+ts+pinia+vant-项目搭建
cwjxyp的博客
07-31 1032
/src├── assets `静态资源，图片...`├── components `通用组件`├── router `路由`├── api `接口服务API`├── stores `状态仓库`├── styles `样式`├── types `TS类型`├── utils `工具函数`├── views `页面`├── main.ts `入口文件`└──App.vue `根组件`
Vue3 + Vite + Ts 开发必备的 VSCode 插件
yanby921005的博客
11-14 3691
TypeScript Hero：可以帮助你快速重构 TypeScript 代码，包括重命名、提取函数等。TSLint：另一个代码风格检查工具，可以帮助你遵循一致的 TypeScript 代码风格。GitLens：方便的 Git 工具，可以快速查看代码的 Git 历史记录、文件修改记录等。GitLens：方便的 Git 工具，可以快速查看代码的 Git 历史记录、文件修改记录等。Prettier：代码格式化工具，可以根据配置格式化代码，让你的代码更加整洁易读。Vue Peek：快速定位 Vue 组件和模板。
Vue3 （Vscode插件）
热门推荐
qq1195566313的博客
06-02 4万+
前端开发的编辑器有很多种如DW,hubilder，Web Storm,sublime,vscode，等等。 随着VsCode开源免费，丰富的插件，也是深受前端开发人员爱戴，在我们使用VsCode开发vue2的时候经常会下载一个插件vetur ，帮我们提供良好的代码智能提示在当vue3.2发布完之后 vetur 并不能给我们提供良好的代码提示，所以顺应而生Volar与相同，是一个针对的插件，不过与不同的是，提供了更为强大的功能（使用的时候需要把vetur 设置为禁用状态）与他配套的还有 并且还提供了编辑器快捷
VsCode中高效书写Vue3代码的插件
owo_ovo的博客
03-19 2万+
VsCode中高效书写Vue3代码的插件
设置 VSCode+Vite+Vue3+ts 的断点调试
weixin_41245990的博客
06-21 3753
当前，Vite+Vue3+ts再结合一些优秀的UI框架，如Element plus，Ant design，Naive UI，移动端的Vant UI，是比较流行的前端技术之一。如何在vscode中 调试 Vite+Vue3+ts 的代码呢，今天我们一起来进行配置。首先，我们先配置ts的调试环境，再来配置Vue3的调试环境。
VSCode开发 Vue3 建议必备的插件
程序研博客
11-28 3万+
在使用 Visual Studio Code (VSCode) 开发 Vue 3 项目时，有一些插件可以提高开发效率、代码质量和工作流程。
vue3 typescript vscode插件
weixin_41521294的博客
08-26 265
我整理的一些关于【VUE】的项目学习资料（附讲解～～）和大家一起分享、学习一下：https://d.51cto.com/f2PFnNVue 3、TypeScript 与 VSCode 插件：构建现代前端应用的利器 在现代前端开发中，Vue 3 是一款流行的 JavaScript 框架，而 TypeScript 则为其添加...
vue3开发使用的vscode插件
m0_67390379的博客
03-09 288
用了半天的vue2插件开发vue3开发体验差到了极点 啊{{{(>_<)}}} vue3插件如下: 使用的时候要把vue2的插件关闭 写vue2的时候也要记得关闭vue3的插件啊???
Vue3+vite+ts+cesium快速构建项目模板指南
这意味着在Vue3项目中，你可以轻松地控制组件的切换，响应用户的导航，以及定义URL到组件的映射。Vue Router与Vue.js核心库紧密集成，使得状态管理变得简单且直观。 6. 文件结构和项目初始化： 根据提供的文件名称...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值