关于开发vue项目过程与bug解决合集

1.下载nodejs：安装教程https://blog.csdn.net/web18224617243/article/details/123191441
2.安装vue.devtools并添加到微软浏览器中
3.在vscode终端创建vue-music项目：
（①vue无法使用问题：未给予权限，权限修改后，重启vscode。
②创建教程vue项目教程：https://blog.csdn.net/qq_45677671/article/details/115390358
ctrl+c退出创建）
4.报错
①Vue 报错error:0308010C:digital envelope routines::unsupported
解决**：打开终端输入set NODE_OPTIONS=–openssl-legacy-provider（在package.json中输入set NODE_OPTIONS=–openssl-legacy-provider&&，实现根本解决）
②npm run server:Module build failed (from ./node_modules/babel-loader/lib/index.js)
解决：最直接的解决方案就是升级或者降级babel的版本即可。但是这种方法的配置略显麻烦，这里推荐另一种更简单的，一行代码解决：
npm install @babel/core @babel/preset-env
③控制台没有vue：扩展-vue.js devtools-详细信息-允许访问文件URL、在 InPrivate 中允许勾选-重新打开项目即可
④网易云接口地址大全：https://blog.csdn.net/oNew_Lifeo/article/details/111599916?utm_medium=distribute.pc_relevant.none-task-blog-2_defaultbaidujs_utm_term~default-1-111599916-blog-125361537.235^v27pc_relevant_t0_download&spm=1001.2101.3001.4242.2&utm_relevant_index=4
⑤Node Sass version 8.0.0 is incompatible with ^4.0.0.问题解决：
npm uninstall node-sass
npm uninstall sass-loader
npm install sass@1.26.5 --save-dev
npm install sass-loader@8.0.2 --save-dev
5.允许vue项目：npm run serve生成网址，在浏览器中输入网址。
⑥网易云api接口：github下载、cmd、启用接口 node app.js