01. fox-ide 周边环境配置

1.nodejs 环境配置

1.1. 检查方式

1. 使用win+R组合键或者直接点击任务栏搜索图标输入 cmd 打卡命令提示符窗口；

2. 在 cmd 中输入node -v或者当前 nodejs 版本；

   

3. 如果已经安装 nodejs 并且版本为v12.18.3（为避免大家在开发过程中，遇到因为版本不兼容引起的问题，请统一使用该版本），请跳过步骤 1.2；

4. 如果显示“‘node’不是内或外部命令，也不是可运行的程序或批处理文件。”，请先按照步骤 1.2 安装 nodejs。

   

1.2. 安装方式

1. 点击下载 (opens new window)nodejs，并双击安装；

2. 按照步骤提示，点击“next”即可；

   

3. 安装完毕后，请重启 cmd，重复步骤 1.1，确保 nodejs 安装正确。

2.npm 仓库配置

2.1. 修改 npm 仓库地址

1. 在 cmd 中输入npm config list --json，查看当前仓库地址；

   

2. 在 cmd 中输入npm config set registry http://192.168.116.1:4873/，切换至内网 npm 仓库；

   注意：内网仓库目前只有 fox 工程初始化时候需要的依赖包

2.2. 修改 node-sass 安装路径

由于 node-sass 在安装阶段，需要到外网下载文件，所以在执行npm install的时候，可能会报如下错误：

解决方案如下：

1. 点击下载 (opens new window)binding-node.zip 并解压，这些文件会一直使用，所以请放到一个你不会删除掉的文件夹中；

2. 在 cmd 中输入node -p "[process.platform,process.arch,process.versions.modules].join('-')"，查看当前环境，注意图中红框里面的信息；

   

3. 到第一步解压的文件夹中，找到环境对应的文件（如果文件不存在，请升级 nodejs 到 12 版本），并复制该文件的完整路径（例如：D:\front\binding-node\7-0-1\win32-ia32-72_binding.node）；

   

4. 在 cmd 中输入 npm config set sass_binary_path 刚才的路径，例如“npm config set sass_binary_path D:\front\binding-node\7-0-1\win32-ia32-72_binding.node”，路径每个人可能都不一样，注意替换。

2.1 和 2.2 步骤做完以后，请在 cmd 中输入npm config list --json，查看并确保当前配置正确。

3. 安装 vue-devtools

1. 点击下载 (opens new window)vue_devtools.crx；

2. 在 chrome 地址栏中输入chrome://extensions/，打开扩展程序标签；

3. 在扩展程序标签右上方，点击打开“开发者模式”；

   

4. 将下载好的 vue_devtools.crx 文件拖入窗口，点击添加扩展程序；

   

   

5. 扩展程序安装完毕，界面正确显示。