美文网首页vueVue技术前端开发那些事儿
vue3.0+vite（一）搭建项目

vue3.0+vite（一）搭建项目

作者: 略懂一点html | 来源:发表于2021-03-07 19:44 被阅读0次

开发环境

Vite需要Node.js版本> = 12.0.0

检测node版本命令

node -v
image.png

正式开始，使用vite创建一个vue项目(npm或yarn)

npm init @vitejs/app 项目名称
or
yarn create @vitejs/app 项目名称

我比较喜欢用yarn，这里我就直接使用yarn命令安装了

如图所示：让你选择 这里我们直接选择vue

image.png
image.png

使用vite创建项目十分的快，我们已经创建好项目了，接下来用vscode打开项目看看

image.png

项目结构可以说是十分的简洁，先把依赖装上看看

npm install
or
yarn

运行命令

npm run dev
or
yarn dev
image.png

运行起来是这个样子

image.png

好了，一个简单的vue3.0+vite的项目就搭建成功了！

下一章讲一下vite.config.js的主要配置

相关文章

网友评论

    本文标题：vue3.0+vite（一）搭建项目

    本文链接：https://www.haomeiwen.com/subject/yjeeqltx.html

    延伸阅读

    深度阅读

    • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

    栏目导航

    热点阅读

    vue

    Vue技术

    前端开发那些事儿

    关于我们|服务条款|联系我们|vue3.0+vite（一）搭建项目|投稿指南|网站地图|RSS订阅|排版工具|手机版

    提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

    Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

    备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

    本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

    所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！