构建前端项目
创始人
2024-05-11 18:51:53
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等配置。
上一篇：【数据结构】优先级队列（堆）
下一篇：实现用户进程
相关内容
热门资讯
原创 什...
凌晨四点半，某职业学院烹饪专业的学生王恒凯已经开始练习刀工。不远处，实习餐厅的后厨里，一台人形机器人...
美国为何迫切想要格陵兰岛？格陵...
近日，美国总统特朗普再次将注意力转向他2025年上任以来多次扬言要得到的格陵兰岛。美国白宫新闻秘书莱...
学校最新或2023（历届）联欢...
学校联欢晚会贺词尊敬的各位领导、各位来宾、老师们、同学们：大家好！爆竹声声辞旧岁，载歌载舞贺新，在这...
决战四季度动员大会讲话稿 大干...
决战四季度动员大会讲话稿要巩固取得的成绩，始终咬定目标、坚定信心不动摇；正视存在问题，切实增强忧患意...
在生态茶产业工作会议上的讲话 ...
在生态茶产业工作会议上的讲话同志们： 党的xx大明确提出，建设生态文明是实现全面建设小康社会奋斗...