网站建设科技有限公司,长沙网标集团,怎么删掉安装的wordpress,网络运维工程师招聘要求✅作者简介#xff1a;大家好#xff0c;我是Leo#xff0c;热爱Java后端开发者#xff0c;一个想要与大家共同进步的男人#x1f609;#x1f609; #x1f34e;个人主页#xff1a;Leo的博客 #x1f49e;当前专栏#xff1a; Vue ✨特色专栏#xff1a; MySQL学习…
✅作者简介大家好我是Leo热爱Java后端开发者一个想要与大家共同进步的男人 个人主页Leo的博客 当前专栏 Vue ✨特色专栏 MySQL学习 本文内容使用脚手架创建Vue3项目 ️个人小站 个人博客欢迎大家访问 个人知识库 知识库欢迎大家访问
1.前言
大家好我是Leo哥最近在复习Vue3相关知识今天主要想分享一下Vue3创建项目的几种方式。好了话不多说让我们开始吧。
2.创建Vue3项目的几种方式
目前创建vue3的项目方式比较多
vue-cli创建vue3项目vite创建vue3项目create-vue创建vue3项目
本次文章是主要介绍第二种和第三种方式进行演示关于第一种使用vue-cli的方式创建项目在vue2中使用较多所以我们这里不过太多赘述。
3.使用Vite创建Vue3项目
通过vite官网的介绍我们可以通过vite创建各种各样的项目我们这里直接执行创建就好了。我这里使用pnpm创建项目大家可以选择其他包管理器进行项目创建。
pnpm create vite大家可以按照我这个步骤一步一步来即可。
第一步进入我们创建好的vue3项目目录
cd vue3-demo第二步进行依赖安装
npm install第三步启动我们的vue3项目
npm run dev浏览器输入地址即可。 看到上面这个界面说明我们已经大功告成了
4.使用create-vue创建Vue3项目
最后一种也是我最推荐大家使用的一种这个库也是官方进行维护的笔者一直都是使用这种方式进行创建的简单粗暴。执行方式也是比较简单的我们可以基于vite创建vue3或者vue2的项目
npm init vue3
npm init vue2首先我们找一个我们需要创建项目的文件夹右键打开cmd窗口。 然后执行以下命令即可。
npm init vuelatest大家按照我这个步骤一步一步选择执行即可。
完成我们接着执行依次命令即可。
第一步进入我们创建好的vue3项目目录
cd vue3-demo第二步进行依赖安装
npm install第三步启动我们的vue3项目
npm run dev浏览器输入地址即可。 看到以上界面说明我们的Vue3入门程序没问题大功告成
5.参考文献
https://vitejs.dev/https://vuejs.org/
6.总结
以上便是本文的全部内容本人才疏学浅文章有什么错误的地方欢迎大佬们批评指正我是Leo一个在互联网行业的小白立志成为更好的自己。
如果你想了解更多关于Leo可以关注公众号-程序员Leo后面文章会首先同步至公众号。 本文由博客一文多发平台 OpenWrite 发布
