前端环境配置han

目录

1.安装nvm

2.安装git 

3.安装yarn

4. 安装cnpm

5. 配置hbuilder

6. 配置vscode

---

1.安装nvm

        1.1 下载

                下载地址：Releases · coreybutler/nvm-windows · GitHub

                或者直接下载 https://nvm.uihtm.com/nvm1.1.7-setup.zip

                        

                        如果下载慢，可以复制链接到迅雷下载

                        

             1.2 安装   

                在c盘下创建一个nvm文件夹并创建一个nodejs文件夹

                

                

                安装

                

                

                 

                一直点下一步即可

                 

         1.3.查看环境变量

                

 如果有这些配置说明安装成功

1.4.查看

       win+r  输入cmd进入命令行

 安装成功

1.5.配置淘宝镜像

nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

6.  

 1.6.安装node

查看node的版本

以往的版本 | Node.js

 

 

 安装另一个版本并切换使用

 1.7.配置npm

创建一个npm文件，将npm安装的全局node_modules放在统一的文件夹

npm config set prefix C:\nvm\nvm\npm

npm config set cache C:\nvm\nvm\npm\node_cache

 将npm所在文件夹配置到path系统变量里面

2. 安装git 

2.1 下载 阿里镜像 

 https://registry.npmmirror.com/binary.html?path=git-for-windows/

 

 2.2 安装git 

        打开软件一直点下一步即可，csdn ctrl+z返回过多，图直接没了，没办法，就不贴图了，反正点开软件一直next就行了

安装完毕鼠标右键文件夹有显示

2.3 连接远程库（github，gitee）

gitee或者github用户名

git config --global user.name "账号名称"

账号邮箱

git config --global user.email "邮箱地址" 

也是邮箱

ssh-keygen -t rsa -C  "邮箱地址" 

 

 上面的地址会有一个文件，用记事本打开

 

 

 打开gitee

在设置里面添加公匙

 

 打开github的setting

 

此时就能克隆gitee和github上面的项目了

3.安装yarn

1.命令行安装

npm install -g yarn

安装之后打开npm文件夹

在npm文件夹下创建一个bin文件夹

yarn安装的包都在这个下面，需要把包的地址加入环境变量，可以在命令行查询到

C:\nvm\nvm\npm\bin

 

复制这个路径在环境变量中的path中添加

 重启cmd窗口

输入yarn -v

 安装成功

如果报错

 打开终端管理员

执行命令：set-ExecutionPolicy RemoteSigned，没有报错就成功了

此时再运行yarn即可成功 

4. 安装cnpm

命令行输入 

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

如果安装过程中报错，可以换一下node版本

更换后如果安装成功

但是cnpm -v 显示找不到cnpm命令

C:\nvm\nvm\npm

把这个地址加入环境变量，也就是npm所安装的所有包都通过这个地址来查询

 配置的环境变量的path里面

 此时再cnpm -v就能成功了

npm与cnpm所安装的包都在这个文件夹下面的node_nodules下面

此时再切换node版本也能继续使用cnpm

5.配置hbuilder

有时候运行项目需要node的启动程序，因为我们是用nvm安装的，我们可以在命令行直接输入

where node

就会出来地址，我们找到地址下面的exe文件，复制路径即可

 6.配置vscode

因为之前配置的插件，在新电脑上如何直接使用

在你想要的文件目录下创建一个文件，用来存放新的插件

环境变量下创建一个新的变量

变量值是新创建的文件夹

VSCODE_EXTENSIONS

D:\studyApp\VsCode\extensions

在快捷方式的目标里的后面加上--extensions-dir "自定义位置"，不过该方式需要每次打开时都使用快捷方式打开才会生效。

 

此时vscode就能够使用这个文件夹里面的插件了

管理员面板执行该命令：set-ExecutionPolicy RemoteSigned

允许vscode使用npm,yarn等命令