构建前端项目
创始人
2024-05-11 15:54:01
0次

1.使用vite构建vue项目

vite构建vue项目，输入以下命令：

npm init vite@latest

接着按照提示的命令选择项目的名称、框架、语言。接着项目就构建完成了。
在这里插入图片描述
接着将构建好的项目：vite-demo拖入vsCode里面，在package.json中可以看到项目的依赖，接着输入npm install 项目会扫“devDependencies”里面的依赖然后进行安装
在这里插入图片描述
安装完成后会出现node_modules这个文件夹，如果没有的话就是安装失败了。
在这里插入图片描述
在scripts这个标签下是程序运行的一些命令：
在这里插入图片描述
输入npm run dev就能将程序运行起来：
在这里插入图片描述
到此程序就构建完毕

2.使用vue脚手架构建vue项目

另外一种方式是利用vue脚手架进行构建 运行命令

npm init vue@latest

这个要装的配置比vite要多因为这个构建方式是专门为vue项目定制的构建方式。

下面就按照程序提示的命令一行一行选择要添加的配置。
在这里插入图片描述

至此，vue项目就构建完毕。下面再用vscode打开vue-demo这个项目然后运行npm install进行依赖的安装

npm install

3.总结

  • 两种方式都可以构建vue项目，vite项目支持多框架，可以构建vue项目、react项目、solid项目
  • 第二种构建方式是专门为构建vue项目定制的，里面关于vue的配置会比较多，比如构建时就可以选择安装router pinia等配置。
词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：1580_AURIX_TC275_SMU模块初步

下一篇：Node.js面试题整理-四年经验

相关内容

热门资讯

电脑里怎么下载安卓系统,电脑端... 你有没有想过，你的电脑里也能装上安卓系统呢？没错，就是那个让你手机不离手的安卓！今天，就让我来带你一...
索尼相机魔改安卓系统,魔改系统... 你知道吗？最近在摄影圈里掀起了一股热潮，那就是索尼相机魔改安卓系统。这可不是一般的改装，而是让这些专...
安卓系统哪家的最流畅,安卓系统... 你有没有想过，为什么你的手机有时候像蜗牛一样慢吞吞的，而别人的手机却能像风一样快？这背后，其实就是安...
安卓最新系统4.42,深度解析... 你有没有发现，你的安卓手机最近是不是有点儿不一样了？没错，就是那个一直在默默更新的安卓最新系统4.4...
android和安卓什么系统最... 你有没有想过，你的安卓手机到底是用的是什么系统呢？是不是有时候觉得手机卡顿，运行缓慢，其实跟这个系统...
平板装安卓xp系统好,探索复古... 你有没有想过，把安卓系统装到平板上，再配上XP系统，这会是怎样一番景象呢？想象一边享受着安卓的便捷，...
投影仪装安卓系统,开启智能投影... 你有没有想过，家里的老式投影仪也能焕发第二春呢？没错，就是那个曾经陪你熬夜看电影的“老伙计”，现在它...
安卓系统无线车载carplay... 你有没有想过，开车的时候也能享受到苹果设备的便利呢？没错，就是那个让你在日常生活中离不开的iOS系统...
谷歌安卓8系统包,系统包解析与... 你有没有发现，手机更新换代的速度简直就像坐上了火箭呢？这不，最近谷歌又发布了安卓8系统包，听说这个新...
微软平板下软件安卓系统,开启全... 你有没有想过，在微软平板上也能畅享安卓系统的乐趣呢？没错，这就是今天我要跟你分享的神奇故事。想象你手...
coloros是基于安卓系统吗... 你有没有想过，手机里的那个色彩斑斓的界面，背后其实有着一个有趣的故事呢？没错，我要说的就是Color...
安卓神盾系统应用市场,一站式智... 你有没有发现，手机里的安卓神盾系统应用市场最近可是火得一塌糊涂啊！这不，我就来给你好好扒一扒，看看这...
黑莓平板安卓系统升级,解锁无限... 亲爱的读者们，你是否还记得那个曾经风靡一时的黑莓手机？那个标志性的全键盘，那个独特的黑莓体验，如今它...
安卓文件系统采用华为,探索高效... 你知道吗？最近安卓系统在文件管理上可是有了大动作呢！华为这个科技巨头，竟然悄悄地给安卓文件系统来了个...
深度系统能用安卓app,探索智... 你知道吗？现在科技的发展真是让人惊叹不已！今天，我要给你揭秘一个超级酷炫的话题——深度系统能用安卓a...
安卓系统的分区类型,深度解析存... 你有没有发现，你的安卓手机里藏着不少秘密？没错，就是那些神秘的分区类型。今天，就让我带你一探究竟，揭...
安卓系统铠无法兑换,揭秘无法兑... 最近是不是有很多小伙伴在玩安卓系统的游戏，突然发现了一个让人头疼的问题——铠无法兑换！别急，今天就来...
汽车安卓系统崩溃怎么刷,一键刷... 亲爱的车主朋友们，你是否曾遇到过汽车安卓系统崩溃的尴尬时刻？手机系统崩溃还能重启，但汽车系统崩溃了，...
miui系统可以刷安卓p系统吗... 亲爱的手机控们，你是否对MIUI系统情有独钟，同时又对安卓P系统的新鲜功能垂涎欲滴？今天，就让我带你...
android系统和安卓哪个好... 说到手机操作系统，你有没有想过，Android系统和安卓哪个更好用呢？这可是个让无数手机用户纠结的问...