热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

node、npm以及yarn的環境配置

1、打開node.js官網,下載LTShttps:nodejs.orgzh-cn下載指定版本去以下鏈接下載https:nodejs.orgzh-cndownloadreleases

1、打開node.js官網,下載LTS
https://nodejs.org/zh-cn/
下載指定版本去以下鏈接下載
https://nodejs.org/zh-cn/download/releases/

(Win10系统必须要管理员安装,可以下载免安装压缩包自己配置环境变量)
2、下載完成後一路next安裝,(修改安裝目錄),安裝完成之後
node -v
npm -v
查看node以及npm版本確認是否安裝成功。

3、npm默認安裝在"C:\Users\用户名\AppData\Roaming\npm"目錄下,需要修改指定命令以避免C盤空間被大量占用。

npm config set prefix "D:\nodejs安裝目錄\node_global"
npm config set cache "D:\nodejs安裝目錄\nodejs\node_cache"

用戶變量 Path ---> "C:\Users\用户名\AppData\Roaming\npm" 修改為 "D:\nodejs安裝目錄\node_global"
用戶變量 新建 NODE_PATH ---> "D:\nodejs安裝目錄\node_global\node_modules"

4、是否想更換鏡像源(可選)
npm config set registry https://registry.npm.taobao.org

5、通過npm安裝yarn

npm install -g yarn

6、配置yarn的相關路徑

yarn config set global-folder "D:\yarnData\global"

yarn config set cache-folder "D:\yarnData\cache"

在使用yarn全局安裝時,將同時生成"D:\yarnData\global\node_modules\.bin"

需要把"D:\yarnData\global\node_modules\.bin"添加至系統環境變量Path中,否則將找不到yarn安裝的包。

7、是否想更換鏡像源(可選)

yarn config set registry https://registry.npm.taobao.org 切換為淘寶鏡像源

yarn config set registry https://registry.yarnpkg.com/ 切換為默認的鏡像源

 

=====================================
下载免安装版 的npm 与node.js可能不匹配,会出现warn

解决办法:https://www.pudn.com/news/62a6e4deb21f69194414ee13.html

set-**** 命令无法使用解决办法:https://blog.csdn.net/a460550542/article/details/107865333/

 



推荐阅读
  • 本文详细介绍了如何创建和使用VUE uni-app开发环境,包括通过HBuilderX可视化界面和通过vue-cli命令执行的方法。文章内容简单清晰,易于学习与理解。通过学习本文,读者可以深入了解VUE uni-app开发环境,并通过实践验证掌握具体的使用情况。编程笔记将为读者推送更多相关知识点的文章,欢迎关注! ... [详细]
  • Node.js学习笔记(一)package.json及cnpm
    本文介绍了Node.js中包的概念,以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM(Node Package Manager)的基本介绍和使用方法,以及如何通过NPM下载第三方模块。 ... [详细]
  • RN即ReactNative基于React框架针对移动端的跨平台框架,在学习RN前建议最好熟悉下html,css,js,当然如果比较急,那就直接上手吧,毕竟用学习前面基础的时间,R ... [详细]
  • Node.js详细安装及环境配置
    1、下载安装根据自己电脑系统及位数选择,我这里选择windows64位.msi格式安装包(官网:https:odejs.orgzh-cndownload).msi和.zip格式区别 ... [详细]
  • React项目搭建流程
    1.先要有node.js环境,略~(https:www.cnblogs.comjyughynjp11207114.html)2.安装react脚手架,create-react-app3.创建项目cmd输入create-react-app project-name,如:1create-react-app02-react-app-demo如果发现有如下 ... [详细]
  • 用NAN写一个nodejs的c++扩大
    NAN引见NAN的全称为NativeAbstractionforNode.js,其表现上是一个Node.js包。装置后,就获得一堆C++头文件,内里是一堆宏。它主要为Node.js ... [详细]
  • 本文介绍了Composer依赖管理的重要性及使用方法。对于现代语言而言,包管理器是标配,而Composer作为PHP的包管理器,解决了PEAR的问题,并且使用简单,方便提交自己的包。文章还提到了使用Composer能够避免各种include的问题,避免命名空间冲突,并且能够方便地安装升级扩展包。 ... [详细]
  • 本文介绍了JavaScript进化到TypeScript的历史和背景,解释了TypeScript相对于JavaScript的优势和特点。作者分享了自己对TypeScript的观察和认识,并提到了在项目开发中使用TypeScript的好处。最后,作者表示对TypeScript进行尝试和探索的态度。 ... [详细]
  • 必须先赞下国人npm库作品:node-images(https:github.comzhangyuanweinode-images),封装了跨平台的C++逻辑,形成nodejsAP ... [详细]
  • 这篇文章给大家介绍怎么从源码启动和编译IoTSharp ,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。IoTSharp项目是 ... [详细]
  • 先下载nodejs针对windows安装安装就行。自定义安装在对应的文件夹就行安装完之后需要在电脑的环境变量里面添加两个路径通过cmd可以查看自己node的版本号最后通过运行npm ... [详细]
  • 如何在Vue项目中安装和使用VUX组件?
    vux2模板fork自webpack模板,基本和官方同步。1、默认为webpack2模板npminstallvue-cli-g如果还没安装vueinitairyla ... [详细]
  • 安装npm  vue脚手架搭建vue项目
    vue安装最全步骤、脚手架搭建环境1.首先查看是否安装node.js因为整个vue环境里边的npm是基于node的.查看方式是在命令窗口中查看版本快捷键windowR输入nod ... [详细]
  • ①安装node.js②按照下面命令行执行node安装参照网址:https:www.cnblogs.compearl07p6247389.htmlwebpack讲解安 ... [详细]
  • 这是一篇参考学习使用的文章,但是无法执行通过最近,实验室在做一个适配于手机的web项目(可以说是一个混合应用开发),最后需要打包成apk程序,作为一名对移动开发的研究者,这个打包的 ... [详细]
author-avatar
764893552_da259b_448
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有