这课该更新了吧。装完最新的VUE webpack都没了,成vite了。 所有东西都对不上。

这课该更新了吧。装完最新的VUE webpack都没了,成vite了。 所有东西都对不上。

啥都对不上。 环境搭不起来。 写于2023年1月1日

正在回答 回答被采纳积分+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

运行项目后,展示界面如下:

https://img1.sycdn.imooc.com//climg/63bd394f09c40cd619160926.jpg

而如果是Vite构建的项目,运行项目后,界面则显示如下:

https://img1.sycdn.imooc.com//climg/63bd39a70928d3e119171039.jpg

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对比如下:

https://img1.sycdn.imooc.com//climg/63bd3bcc09d36aec19191039.jpg

如果同学按照老师的命令构建的项目与老师的不一致,建议检查一下是否在构建过程中,选择的配置与老师不一致。或者先检查一下package.json中的scripts字段里是否有Vite标识。

祝学习愉快~

  • 提问者 慕粉3910982 #1

    npm install -g @vue/cli 这样安装还是会报错。 


    https://img1.sycdn.imooc.com//climg/63ccc1b209f1c70f11400742.jpg


    2023-01-22 12:55:43
  • 好帮手慕小李 回复 提问者 慕粉3910982 #2

    同学你好,提示中Remove the existing file and try again, or run npm

    https://img1.sycdn.imooc.com//climg/63d1e84209cf761615070414.jpg

    同学找到路径/usr/local/bin/vue

    找到这个vue文件然后删除,再重新全局安装试一试。

    祝学习愉快!


    2023-01-26 10:41:59
好帮手慕小李 2023-01-10 17:04:53

同学你好,按照课程中安装顺序版本已经迭代,在学习的过程中同学可以先按照老师的安装的版本号进行安装,或者同学可以直接下载资料中安装好的项目进行学习。如下:

https://img1.sycdn.imooc.com//climg/63bd29ca09383c3719200551.jpg

https://img1.sycdn.imooc.com//climg/63bd29dc0986435408500216.jpg

https://img1.sycdn.imooc.com//climg/63bd29eb09e3c60309060169.jpg

然后在vscode中打开安装即可。如下:

https://img1.sycdn.imooc.com//climg/63bd2a0709ee251115600904.jpg

另更新课程老师这边会提交给相关部门进行反馈。

祝学习愉快!


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师