项目场景:
第一次无脑下的nodejs,官网网站未给出版本14,只有版本16。
此后,创建vue项目,下载node-sass从未成功,疯狂报各种npm版本、node版本…err错误警告⚠,我真的会谢!
下面,希望可以帮到你!
通过NVM下载相关版本:
- node :v14.16.1
- node-sass@^4.14.1
- sass-loader@^7,3,1
NVM相关下载请看上一篇博客:利用nvm下载nodejs及相关环境配置
步骤
提示:需要**彻底**删掉此前安装的node@16+版本
node删除方式:
1.命令行:npm cache clean --force
2.检查环境配置路径及c盘下的npm、node相关文档
正文正式开始…
1.vue项目创建
1)在E盘/D盘创建文件夹:project
2)双击project,在当前路径键入cmd并敲击回车,进入命令行。
3)采用全局方式搭建vue脚手架
npm install -g @vue/cli
4)创建vue项目
vue create demo //demo为项目名,可自取
相关配置可以参考我的,也可以看其他博主的,这里我就不过多赘述了…
恭喜你,项目创建成功,如果第一次创建的话,这里时间是比较久的,不要着急,要耐心… 然后鼠标左键代表暂停,右键代表继续。
5)进入项目
cd demo
6)安装相关第三方
npm i element-ui -S
npm i node-sass@^4.14.1 --save-dev
npm i sass-loader@^7.3.1 --save-dev
这里就安装成功啦,安装部分第三方库,就可以启动项目啦!!
npm run serve
总结
我觉得就是要把node版本改为14,虽然可以把node-sass换为dart-sass,但是对于新手,在不了解其相关配置的情况下,建议还是重新开始node@14安装之旅!
希望能够帮到您~~~///(v)\~~~