创建vue项目:vue3 + vite + typescript + less

本文介绍了如何使用vue3、vite、typescript和less创建项目,强调了在过程中遇到的问题及解决方案,如npm版本、ts配置、vim/neovim与vscode的设置,并提供了相关配置的详细说明。
摘要由CSDN通过智能技术生成

更多分享内容可访问我的个人博客

https://www.niuiic.top/

更新:本文内容已不适用于最新版本,若遇到相同问题可以继续参考。要创建项目请直接参考https://github.com/niuiic/develop-tools中关于vue的内容。

首先声明一下,笔者只是刚玩了会 vue, 和 cannot find module vue斗智斗勇了半天。好不容易搞定了,来分享一下。以下不会涉及关于 vue 开发的具体内容。

使用 npm 作为包管理器。

yarn2 的一系列操作让人迷惑,本来不想折腾了。最后还是忍不住折腾了一把,用法放在最后面。

创建项目

# 使用vue + ts的模板创建项目
npm init @vitejs/app $appName -- --template vue-ts
cd appName
# 安装less
npm install less -D
# 这是coc-vetur的依赖项,不使用vim + coc.nvim 的可以忽略
npm install eslint eslint-plugin-vue -D
# 这是在vue文件中解决cannot find module问题的插件
npm install @vuedx/typescript-plugin-vue -D

现在可以进入项目,使用n

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值