中国地区NPM使用可能最快的方法-记mirror-config-china的使用

 

2020年5月4日,我本想安装vue-admin-template,这样一个vue的后端管理引擎,然后打开了vscode,按照以下的官方提示

# 克隆项目

git clone https://github.com/PanJiaChen/vue-admin-template.git

 

# 进入项目目录

cd vue-admin-template

 

# 安装依赖

npm install

 

# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题

npm install --registry=https://registry.npm.taobao.org

 

# 启动服务

npm run dev

 

 

在vscode中开始了,我的笔记本node环境ok,npm也是淘宝镜像。然后安装依赖:npm install,再安装一个node-saas的东西时等了好一会,我开了vpn,智能模式,用的还是淘宝镜像,为何还是这么慢,有点气。结果半天之后,一堆err??这是什么情况

完整错误我贴在下面:

gyp ERR! configure error 
gyp ERR! stack Error: Command failed: D:\Users\46493\AppData\Local\Programs\Python\Python38-32\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack SyntaxError: invalid syntax
gyp ERR! stack
gyp ERR! stack     at ChildProcess.exithandler (child_process.js:303:12)
gyp ERR! stack     at ChildProcess.emit (events.js:315:20)
gyp ERR! stack     at maybeClose (internal/child_process.js:1051:16)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:287:5)
gyp ERR! System Windows_NT 10.0.18363
gyp ERR! command "D:\\Program Files\\nodejs\\node.exe" "C:\\Users\\46493\\Desktop\\vue-admin-template\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd C:\Users\46493\Desktop\vue-admin-template\node_modules\node-sass
gyp ERR! node -v v14.1.0
gyp ERR! node-gyp -v v3.8.0
Build failed with error code: 1
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@4.14.0 postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@4.14.0 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

接下来,就去百度了

得到的第一个答案:

分析原因:

包下载的安全问题,猜测npm下载默认是拉取安全的包到node_modules,因此如果被判定不够安全,不会被拉取下来,并且会抛出一个错误记录

解决办法:

sudo npm i --unsafe-perm

 

尝试,无果

 

又看到提示说python环境有问题,重装了3.8的python,还装了2.7的python,折腾半天,服了。还是不行,编译后这样提示:

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Missing binding C:\Users\46493\Desktop\vue-admin-template\node_modules\node-sass\vendor\win32-x64-83\binding.node
Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 14.x

Found bindings for the following environments:
  - Windows 64-bit with Node.js 12.x

这又是什么东西 ???

又去谷歌了,谷歌靠谱点,得到的解释就是项目node环境和本地node环境不一样,好嘞,我又去重装了node,然后看到这篇文章:

https://www.jianshu.com/p/ee5cabe7acdc   简书 -DevilRoshan

要这样 使用 npm rebuild node-sass,然后在更新一下npm update

搞了第一次,没看提示,编译又失败??

第二次一看,github请求超时??chrome都可以下载,你不行???生气!!!

什么玩意儿???

 

期间我还使用nrm  去更换了npm的仓库地址好几次,

npm使用淘宝镜像依然很慢甚至请求失败。。。

然后又去google,知乎不愧是中文互联网优质社区,找到的解决办法如下回答:

image.png

 

一谷歌百度,都是换淘宝镜像,有用吗??

 

然后这个网站https://www.npmjs.com/package/mirror-config-china

image.png

 很舒服,

然后重建一下 npm rebuild node-sass

最后运行项目:npm run dev  

啊,终于让我看到登录界面了,55,感动

 

总结:

1. csdn的一部分信息质量很糟糕,百度对它的seo排名还高,让人看到的都是翻译转载的文章,太缺乏技术内涵和原创性。

2.有些报错信息,没用

看到的可以顶一下,让更多的人看到我遇到的问题,少踩坑,等待npm下载还一直不动就是浪费生命

  • 7
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
使用 vue-codemirror 的流程如下: 1. 在 Vue 项目中安装 vue-codemirror 插件。可以通过 npm 或 yarn 进行安装: ``` npm install vue-codemirror --save ``` 或 ``` yarn add vue-codemirror ``` 2. 在 main.js 或者需要使用的组件中导入和注册 vue-codemirror 插件: ```javascript import Vue from 'vue' import VueCodemirror from 'vue-codemirror' import 'codemirror/lib/codemirror.css' // 引入样式文件 import 'codemirror/theme/base16-dark.css' // 可选的主题样式文件,根据需要选择 Vue.use(VueCodemirror) ``` 3. 在需要使用 CodeMirror 的组件中,使用 `<vue-codemirror>` 标签来渲染 CodeMirror 编辑器: ```vue <template> <div> <vue-codemirror v-model="code" :options="editorOptions"></vue-codemirror> </div> </template> <script> export default { data() { return { code: '', editorOptions: { // CodeMirror 的配置选项 mode: 'javascript', // 设置编辑器模式 lineNumbers: true, // 是否显示行号 theme: 'base16-dark', // 设置主题样式 // 其他配置选项根据需要设置 } } } } </script> ``` 4. 可以通过 `v-model` 指令来双向绑定编辑器中的内容,实时获取用户输入的代码。 5. 可以根据需要在 `editorOptions` 中设置 CodeMirror 的配置选项,如编辑器模式、行号显示、主题样式等。 6. 运行 Vue 项目,即可在对应的页面中看到使用了 vue-codemirror 的 CodeMirror 编辑器。 以上就是使用 vue-codemirror 的最详细流程。希望对你有帮助!如有更多问题,请继续提问。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值