怎么搭建第一个 Vite 项目

简介: 怎么搭建第一个 Vite 项目

第一步:安装 node

Vite 需要 Node.js 版本 14.18+,这里我们使用 nvm 进行安装,可以参考我这篇文章:怎么使用 nvm 控制 nodejs 版本切换?

nvm install 14.18.0

使用 14.18.0

nvm use 14.18.0

可以使用 node -v,·npm -v· 查看版本

第二步:安装 yarn

npm install -g yarn

第三步:创建项目

我们使用下面命令创建项目,先命名,然后选择 vue 跟 ts 即可

yarn create vite

就能看到项目已经生成了。

第四步:启动服务

然后按照下面的顺序执行即可

cd decade-open-source
yarn
yarn dev

这样一个 vite 项目就搭建好了

目录
相关文章
|
前端开发
transition第一次不生效
解决CSS transition第一次不生效的问题,确保在动画属性变化前已经设置了初始值,如示例中需给`left`属性一个初始值以实现平滑过渡效果。
189 2
|
机器学习/深度学习 人工智能 算法
植物病害识别系统Python+卷积神经网络算法+图像识别+人工智能项目+深度学习项目+计算机课设项目+Django网页界面
植物病害识别系统。本系统使用Python作为主要编程语言,通过收集水稻常见的四种叶片病害图片('细菌性叶枯病', '稻瘟病', '褐斑病', '稻瘟条纹病毒病')作为后面模型训练用到的数据集。然后使用TensorFlow搭建卷积神经网络算法模型,并进行多轮迭代训练,最后得到一个识别精度较高的算法模型,然后将其保存为h5格式的本地模型文件。再使用Django搭建Web网页平台操作界面,实现用户上传一张测试图片识别其名称。
409 22
植物病害识别系统Python+卷积神经网络算法+图像识别+人工智能项目+深度学习项目+计算机课设项目+Django网页界面
|
移动开发 JavaScript 前端开发
HTML5 MathML好用的第三方库推荐
HTML5 的 MathML 对数学公式的展现至关重要,但因浏览器兼容性和复杂性问题,开发者常选用第三方库增强其功能。本文推荐了四个库:MathJax、KaTeX、MathML Cloud 和 jsMath。MathJax 兼容性好,支持多种格式;KaTeX 渲染速度快,适合现代浏览器;MathML Cloud 提供云端转换服务;jsMath 则适用于基本 MathML 支持。根据项目需求选择合适的库,能显著提升数学内容展示质量和用户体验。
|
JavaScript
Vite 按需引入 Ant Design Vue 3.0
Vite 按需引入 Ant Design Vue 3.0
|
分布式计算 安全 Hadoop
HBase Shell-org.apache.hadoop.hbase.ipc.ServerNotRunningYetException: Server is not running yet 已解决
在HBase Shell遇到错误时,检查Hadoop非安全模式:`hdfs dfsadmin -safemode get`。问题解决在于`hbase-site.xml`中添加配置:Zookeeper客户端端口设为2181和预写日志提供者设为filesystem。
478 6
|
人工智能 安全 大数据
HBase启动报错:ERROR: org.apache.hadoop.hbase.ipc.ServerNotRunningYetException: Server is not running yet
欢迎关注大数据和人工智能技术文章发布的微信公众号:清研学堂,在这里你可以学到夜白(作者笔名)精心整理的笔记,让我们每天进步一点点,让优秀成为一种习惯! 今天进入hbase shell中输入命令报错:ERROR: org.
6344 0
|
JavaScript 前端开发
vue前端获取本地IP地址
vue前端获取本地IP地址
|
JavaScript
vue踩坑-This dependency was not found
vue踩坑-This dependency was not found
217 0
element的日期选择使用value-format之后表单验证报错
element的日期选择使用value-format之后表单验证报错
379 0
|
存储 监控 前端开发
前端埋点上报的几种方式
前端埋点上报的几种方式
785 0