总结 | vue3项目搭建+初始化(附相应链接)

45 篇文章 2 订阅
45 篇文章 0 订阅
本文详细介绍了如何在VSCode中设置和运行Vue3项目,包括使用Vite构建、目录结构管理、git操作、Eslint配置、自动打开浏览器以及src别名设置。还涵盖了解决依赖问题和IDE智能提示的方法。
摘要由CSDN通过智能技术生成

如何运行 vue 项目vscode运行vue项目_vscode启动vue项目命令-CSDN博客

vue3项目搭建 + 目录管理 + git管理vue3项目搭建并git管理_git 新建vue3项目-CSDN博客

目录调整:vue3项目 - 目录调整-CSDN博客

vscode中快速生成vue3模板vscode中快速生成vue3模板_vscode快速生成vue3模板-CSDN博客

代码纠错vue3项目 - Eslint 配置代码风格_vue3 eslintrc.cjs-CSDN博客

克隆项目,绑定自己的库[git] 如何克隆仓库,进行项目撰写,并绑定自己的远程仓库-CSDN博客

git推送Git 推送教程-CSDN博客    git 常见问题汇总


本章,运行项目后,一些便捷用法。如 运行后自动打开浏览器src别名路径

运行后 自动打开浏览器 vite --open

src 别名配置

1. vite.config.ts 配置文件中,配置以下内容(resolve)。

(注:alias 为 速记属性

2. 红色报错,因缺少node依赖,安装依赖可解决

pnpm i @types/node --save-dev

3. 让 IDE 能对路径进行智能提示: tsconfig.json配置文件中,在配置项 compilerOptions 添加以下配置,后重新运行。

   "baseUrl":".",
   "paths": {
      "@/*": [
        "src/*"
      ]
    }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值