当前位置: 首页 > Web前端 > vue.js

Vue开发环境npm和Yarn环境变量配置(Windows10版)

时间:2023-03-31 18:16:20 vue.js

一、Nodejs(一)Nodejs安装非常简单。下载Windows版本的Nodejs并按照提示进行安装。记得选择添加nodejs,如果界面上没有PATH项,应该是默认给你做的,可以无视我的废话。通过命令验证是否安装为:node-vnpm-v如果能正常显示版本号,则安装成功。(2)Nodejs配置Nodejs安装完成后,默认会在系统环境变量中添加node.exe路径,如果没有请手动添加。此外,还需要其他配置。1.配置prefix和缓存目录更改npm全局安装位置npmconfigsetprefix"yourdiskpath"示例目录地址为:C:ProgramFilesnodejsnpmconfigsetprefix"C:\ProgramFiles\nodejs\node_global"更改npmcachelocationnpmconfigsetcache"Yourdiskpath"示例目录地址为:C:ProgramFilesnodejsnpmconfigsetcache"C:\ProgramFiles\nodejs\node_cache2,配置环境变量右键"计算机"—>"属性"—>“高级系统设置”—>“系统变量”中的“环境变量”,在系统变量中设置NODE_PATH新建一个NODE_PATH,值为C:\ProgramFiles\nodejs\node_global\node_modules这个值为上一步,通过“npmconfigsetprefix”设置值。是的,使用以下命令查看npmconfiggetprefix在“UserVariables”中,修改路径修改用户变量中的路径,添加C:\ProgramFiles\nodejs\node_global\bin这个值是上一步,Valuesetvia“npm配置集前缀”。3、配置阿里源npmconfigsetregistryhttps://registry.npm.taobao.org2、Yarn(一)Yarn简介:yarn是facebook发布的一个替代npm的包管理工具。纱线的特点:超快。Yarn会缓存每一个下载的包,所以再次使用时不需要重新下载。还利用并行下载来最大限度地利用资源,因此安装速度更快。超级安全。在执行代码之前,Yarn会通过算法验证每个安装包的完整性。超级可靠。使用详细、简洁的锁文件格式和显式安装算法,Yarn能够保证在不同系统上的无差别工作。(2)Yarn安装方法一:使用npm安装npminstall-gyarn方法二:使用安装文件安装,即从官网下载exe文件进行安装(Windows),其他系统根据安装实际情况。(3)配置前缀和缓存目录,改变yarn的全局安装位置yarnconfigsetglobal-folder"yourdiskpath"示例目录地址为:C:ProgramFilesyarnconfigsetglobal-folder"C:\ProgramFiles\yarn\global"更改纱线缓存位置yarnconfigsetcache-folder"yourdiskpath"示例目录地址为:C:ProgramFilesyarnconfigcache-folder"C:\ProgramFiles\yarn\cache"或者在你的用户中找到.yarnrcdirectory文件,打开,直接编辑(4)配置环境变量当我们使用全局安装包时,会在“C:ProgramFilesyarnglobal”下生成node_modules.bin(以上示例路径请根据自己的实际情况配置)目录我们需要将C:ProgramFilesyarnglobalnode_modules.bin整个目录添加到系统环境变量中,否则在cmd中找不到通过yarn添加的全局包。查看当前yarnbin位置yarnglobalbin查看当前yarnglobal安装位置yarnglobaldir(五)Yarn配置阿里源卷1.查看当前源yarnconfiggetregistry2.切换到淘宝源yarnconfigsetregistryhttps://registry.npm.taobao.orgyarnconfigsetsass_binary_site"https://npm.taobao.org/mirrors/node-sass/"yarnconfigsetphantomjs_cdnurl"http://cnpmjs.org/downloads"yarnconfigsetelectron_mirror"https://npm.taobao.org/mirrors/electron/"yarnconfigsetsqlite3_binary_host_mirror"https://foxgis.oss-cn-shanghai.aliyuncs.com/"yarnconfigsetprofiler_binary_host_mirror"https://npm.taobao.org/mirrors/node-inspector/"纱线配置设置chromedriver_cdnurl"https://cdn.npm.taobao.org/dist/chromedriver"