开发环境的安装

30 阅读3分钟

node.js 安装

在安装目录下,如 I:\Program Files\nodejs\node_cache 新建两个文件夹 node_global(全局包存放目录) 和 node_cache(缓存目录);
打开命令行工具,执行以下两句操作: npm config set prefix "I:\Program Files\nodejs\node_global"npm config set cache "I:\Program Files\nodejs\node_cache"
--------------------------------------------------------------------------------------------------------------------------------------
配置环境变量:
-------
打开系统属性-高级-环境变量,在系统变量中新建 变量名:NODE_PATH,变量值:I:\Program Files\nodejs\node_global\node_modules(见图2);
------------------------------------------------------------------------------------------------
编辑用户变量的 path,将默认的 C 盘下C:\Users\Administrator\AppData\Roaming\npm 修改为 I:\Program Files\nodejs\node_global(见图3);保存即可。
-------------------------------------------------------------------------------------------------------------------
安装yarn因为yarn具有的优势,实际开发中经常使用yarn来代替npm进行操作。安装yarn可以下载安装包进行安装,也可以使用npm:
---------------------------------------------------------------------
npm install yarn -g
-------------------
关于镜像源
-----
由于网络环境限制问题,使用 npm 安装包时,会遇到时间长,甚至安装失败的问题,此时可以选择不同的镜像源进行安装
常用的是使用官方推荐的 cnpm 命令行工具代替默认的 npm,实际使用的是淘宝源:
------------------------------------------
  1. 查看当前镜像源在切换镜像源之前,我们首先需要查看当前的镜像源。使用以下命令可以查看 Node.js 和 npm 当前的镜像源: | | ------------------------------------------------------------------ npm config get registry | | ----------------------- 如果输出结果是registry.npmjs.org/,那么说明当前使用的是…. 切换镜像源 |

r.cnpmjs.org),它们都提供了比较稳定和快速的服务。我们可以通过以下命令来切换镜像源: 其中,<镜像源地址>是需要替换成你所选择的镜像源地址。例如,要切换到淘宝 NPM 镜像,可以使用以下命令: 恢复默认镜像源如果之前切换了镜像源,但是后来又希望恢复到默认的官方镜像源,也很简单。只需要执行以下命令即可: 解决方法

使用正确的镜像源
npm config set registry registry.npmmirror.com
------------------------------------------------------
解决方法二直接更换镜像源,这里举例更换阿里源
vue 安装
------
解决‘vue‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件的方法
-------------------------------------
1.输入命令找到npm 的配置路径npm config list
--------------------------------
2.查看此路径下有没有vue.cmd
------------------
3.如果有vue.cmd,将当前路径复制添加到path环境变量
-------------------------------
步骤:桌面右击“我的电脑”-属性-高级系统设置-环境变量
----------------------------
环境变量 两种添加方式:
------------
①直接新建-规范取一个变量名-将vue.cmd所在路径复制到变量值
---------------------------------
然后在path中添加此变量名,注意用%号包裹住
-----------------------
②第二种就是直接复制vue.cmd所在的路径,然后不用点击新建,找到path点击编辑,在里面新建将路径放进去即可
环境变量配置保存好之后,打开cmd,输入vue -V查看版本,输入vue查看详细
nrm 安装
解决nrm 的报错 安装 报错以及nrm 的实用
------------------------
nrm 是一个 npm 源管理器,允许你快速地在 npm源间切换。
---------------------------------
npm默认情况下是使用npm官方源(使用npm config ls命令可以查看),在国内用这个源肯定是不靠谱的,一般我们都会用淘宝npm源:registry.npm.taobao.org/
------------------------------------------------------------------------------------------------------npm默认情况下是使用npm官方源(使用npm config ls命令可以查看),在国内用这个源肯定是不靠谱的,一般我们都会用淘宝npm源:
-解决npm\nrm无法加载文件报错的问题、因为在此系统禁止执行脚本解决方式
右键win图标,打开Windows PowerShell 输入 set-ExecutionPolicy RemoteSigned 输入【y】确定
修改源的方式也很简单,在终端输入:
-----------------
修改源的方式也很简单
----------
npm set registry 
-----------------
全局安装
----
nrm current 查看当前源
-----------------
nrm use 切换源
nrm add 添加