老师我直接用作业素材来做开发需要在我的VSCode编辑器里配置什么才能运行页面

老师我直接用作业素材来做开发需要在我的VSCode编辑器里配置什么才能运行页面

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,如果直接使用作业素材来进行开发的话,需要先搭建开发环境(看同学的截图开发环境已经搭建好了,如果没有搭建好的话可以参考这个链接:https://class.imooc.com/lesson/2138#mid=50842),然后把作业素材复制到当前环境中,如图

http://img1.sycdn.imooc.com//climg/612c46c609b4a1a902300487.jpg

把项目复制到当前环境之后,需要根据webpack.config.js文件,修改一下入口文件(index.js)以及模板文件(index.html),如图

http://img1.sycdn.imooc.com//climg/612c479d09abb4b207280442.jpg

http://img1.sycdn.imooc.com//climg/612c489f093d875905510323.jpg

然后删除index.art文件中引入的css与js代码,如图

http://img1.sycdn.imooc.com//climg/612c48ac09fffeab05860315.jpg

http://img1.sycdn.imooc.com//climg/612c48ac09b7177b05650373.jpg

最后,在当前项目中打开cmd窗口,执行npm start命令即可,如图

http://img1.sycdn.imooc.com//climg/612c4953091195ff04490164.jpg

在这节课中,老师详细演示了项目启动的过程,同学可以看着视频多操作几遍。

祝学习愉快!

  • 王俩亮 提问者 #1

    截图里的开发环境是作业素材本身就有的,我可以直接用它的开发环境吗?还是说我得把素材里的node_modules和package.json删掉,然后重新安装所有的包。

    2021-08-31 09:12:34
  • 好帮手慕然然 回复 提问者 王俩亮 #2

    同学你好,建议只删除node_modules文件夹和package-lock.json文件。

    注意要保留package.json文件,因为该文件中保存了之前所有已安装过的包信息,所以只需执行npm install 命令即可安装之前所有已安装过的包,不需要再一个个安装。

    祝学习愉快!

    2021-08-31 10:16:28
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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