项目场景：

通过NVM下载相关版本：

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)\~~~

0 条评论