html库安装报错,mmall项目安装相关包文件

本步骤之前请先:建立相关文件夹(或者从git上clone项目下来),进入分支作业目录下运行个忠包文件的安装。注意:npm是所有安装的第一步

基础安装:

1.npm初始化

npm init

90314da9bfc24d7dbf08b1d8a96690b0.png

dd55f5cf23785b60c11e47e374316168.png

2.webpack安装

npm install webpack@1.15.0 --save-dev

npm install webpack -g

47e2b495f3687b855f76872d3ff9f262.png

3.jquery安装

npm install jquery --save

984a7fc41c2a7dc218e63899394ab55c.png

4.扩展库安装

npm install extract-text-webpack-plugin@1.0.1 --save-dev

f9c5ac87bc8ba23c72d2d61c85fca90a.png

5.html,url,style,css, file等loader安装

npm install html-webpack-plugin --save-dev

5b2205ee3ca68634a4592106a5c3a007.png

npm install html-loader --save-dev

npm install url-loader --save-dev

npm install style-loader --save-dev

npm install css-loader --save-dev

npm install file-loader --save-dev

bf3bc6bb90a72d85d8dd91713acb46cf.png

ada590e0ede30ab6d34f3d223e233cf3.png

685ac0e7dd677839e7cf9dc2f5f3e56e.png

b455dcfa50c82ad52a7fda89446bbd0d.png

5e7dde9179a0fc2d126ae46976a8e52c.png

6.服务端安装

npm install webpack-dev-server@1.16.5 --save-dev

03ab82a3493a467596bc4a2c734d30c6.png

npm install webpack-dev-server@1.16.5 -g

b986e07ae770bab4351c1e4943adc41f.png

问题:安装npm install webpack-dev-server时报错

0b60047bf30895e3a60b7d1b50790aca.png

出错原因:安装无权利

解决办法:

删除掉 C:\Users\dd\AppData\Roaming\npm-cache\

C:\Users\dd\AppData\Roaming\npm\  两个文件夹 重新执行 npm install webpack-dev-server@1.16.5 -g

附加:

7、html渲染

npm install hogan --save

安装完成功有点问题,目前手动移动到如下图的文件夹中

1795ff9062e7c8c0428b43d980dbd88a.png

追加:

5e2988d6342d413d40b39dffc2b6f1fd.png

util下的可以删除

8、安装iconawesome字体

npm install font-awedsome --save

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值