美文网首页
第一天:前端开发环境配置

第一天:前端开发环境配置

作者: 阿拉斌 | 来源:发表于2023-03-13 16:05 被阅读0次

    nodejs

    为了在windows系统中切换不同开发环境的nodeJs版本依赖。使用nvm-windows来管理nodeJs版本。

    课外知识:https://blog.csdn.net/SwingDance/article/details/121095699

    常见错误

    电脑装完nvm,安装完node后, 运行use命令时报错exit status 1: ��û���㹻��Ȩ��ִ�д˲�����

    这里是没有使用管理员运行导致的,需要邮件管理员身份运行

    安装

    1、下载

    从云盘下载nvm的安装包 -> 团队文件夹 -> 安装包 -> nvm-setup.exe

    官网地址:https://github.com/coreybutler/nvm-windows/releases (进不去记得翻墙)

    2、双击nvm-setup.exe进行安装,修改安装的目录为:D:\SDE\nvm,修改nodejs的目录为:D:\SDE\nodejs

    3、使用管理员打开cmd

    使用管理员打开cmd,如果不知道cmd在哪,点击菜单栏的放大镜图标,搜索CMD,在显示的黑色的命令提示符上右键,以管理员身份运行

    如果 运行use命令时报错exit status 1: ��û���㹻��Ȩ��ִ�д˲����� ,请确保是否是管理员身份运行。

    4、设置npm镜像

    复制到cmd去执行

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

    5、安装nodejs

    nvm install 16.14.2
    

    你也可以安装其他的版本 nvm install 版本号,最新的18好像有些项目运行不起来,先用16的吧

    6、立刻使用安装的node

    nvm use 16.14.2
    

    你也可以使用其他的版本 nvm use 版本号

    7、修改node的依赖安装地址

    修改全局依赖安装位置:

    如果是第一次安装,你需要在D盘创建对应的文件夹
    文件夹1:D:\cache\node_global
    文件夹2:D:\cache\node_cache
    然后再执行下面的命令

    npm config set prefix "D:\cache\node_global" 
    
    npm config set cache "D:\cache\node_cache"
    

    执行完之后,需要把D:\cache\node_global添加到环境变量的path里面去。

    image.png

    8、配置淘宝源(可选)

    npm config set registry https://registry.npm.taobao.org
    

    常用命令

    查看当前电脑上已经安装的全部node版本,正在使用中的版本号前有个星号*:

    nvm ls
    

    查看可用的(可下载的)全部node版本:

    nvm ls available
    

    yarn

    yarn好装,直接运行

    npm i yarn -g
    

    要是慢的话,切换到淘宝源就好了

    git

    去git官网,下载后直接双击安装

    官网地址:Git - Downloads (git-scm.com)

    Webstorm

    和git一样,不过这个使用JetBrains Toolbox App来进行安装

    下载地址:JetBrains Toolbox App: Manage Your Tools with Ease

    安装完成后,可以修改下我们要装的开发工具的安装地址。

    image.png

    然后打开在里面选择需要的开发工具点击安装就好了。

    安装完成后,可以使用激活工具进行激活。

    相关文章

      网友评论

          本文标题:第一天:前端开发环境配置

          本文链接:https://www.haomeiwen.com/subject/lxmcrdtx.html