这课该更新了吧。装完最新的VUE webpack都没了,成vite了。 所有东西都对不上。
啥都对不上。 环境搭不起来。 写于2023年1月1日
35
收起
正在回答 回答被采纳积分+1
2回答
卡布琦诺
2023-01-10 18:22:08
同学你好,这边测试按照课程中老师的方法构建Vue3项目,默认是Webpack的,并不是Vite的。测试时构建项目的命令如下:
//vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板 npm install -g @vue/cli //创建项目 vue create jdong //进入项目目录里面 cd projectName //安装依赖包 npm install //运行项目 npm run dev
运行项目后,展示界面如下:
而如果是Vite构建的项目,运行项目后,界面则显示如下:
Vite项目构建命令如下:
//安装vite,如果此前已经安装过Vite,则不用执行这步命令 npm install -g create-vite-app //vite创建vue3项目: npm init vite-app projectName //进入到项目目录下 cd ViteVue //安装依赖 npm install //运行项目 npm run dev
Webpack构建的项目目录、package.json和Vite构建的项目目录、package.json对比如下:
如果同学按照老师的命令构建的项目与老师的不一致,建议检查一下是否在构建过程中,选择的配置与老师不一致。或者先检查一下package.json中的scripts字段里是否有Vite标识。
祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星