Redbattle
踩坑
环境
项目
配置
知识点
踩坑
环境
项目
配置
知识点
  • Docker常用命令
  • 镜像
  • MySQL 笔记
  • Homebrew 使用
  • 通过 Docker 搭建树莓派 Web 环境
  • PHP开发环境
  • Laravel 笔记
  • 前端开发环境
    • env
    2021-09-25

    前端开发环境

    # 前端环境必备软件

    • git
    • nvm

    # nvm 多版本环境管理

    • 查看已安装的 node
      nvm list
      
    • 查看可安装 node 版本
      nvm list available
      
    • 安装指定 node 版本
      nvm install v12.8.3
      
    • 切换指定 node 版本
      nvm use v12.8.3
      

    # npm

    • 安装显示信息

      npm install [<package>] --verbose
      
    • 查看镜像库

      npm config get registry
      
    • 设置镜像库

      // 临时
      npm install <package> --registry https://registry.npmmirror.com
      // 全局
      npm config set registry https://registry.npmmirror.com
      // 安装 cnpm
      npm install -g cnpm
      
    • 搜索依赖

      npm search <package>
      
    • 查看已安装的依赖包

      // 当前项目下
      npm list
      // 全局
      npm list -g
      
    • 配置锁定版本

      // 每次 install 就会锁定版本
      npm config set save-exact true
      
      // 在所有机器锁定版本
      npm shrinkwrap // 会在项目根目录生成 npm-shrinkwarp.json
      
    • 安装可靠的依赖

      // 执行该命令会先删除本地的 node_modules 文件
      // 之后会按照 package-lock.json 文件来安装确切的依赖版本
      // 并且不会将这个版本写入 package.json 或者 package-lock.json 文件
      npm ci
      

      项目必须有 package-lock.json 或者 npm-shrinkwarp.json 文件,如果没有会报错 npm ci 是 npm v6 版本新引入的,使用时 npm >= 5.7 会安装 dependencies 和 devDependencies 当 package.json 和 package-lock.json 中依赖版本不一致时会退出执行

    • 测试本地包

      // 在依赖包目录执行创建全局的依赖包,路径是 {prefix}/lib/node_nodules/<package>
      npm link
      
      // 在项目中使用这个依赖包
      npm link <package>
      
      // 解除依赖包
      npm unlink <package>
      

    # pnpm

    • 安装
      # 使用方法与npm一样
      npm install -g pnpm
      

    # yarn

    • 查看镜像库
      yarn config get registry
      
    • 设置镜像库
      // 全局
      yarn config set registry https://registry.npm.taobao.org
      
    • 初始化
      yarn init -y
      

    # nrm

    • 镜像源管理器
      npm install -g nrm
      
    • 列出可选的镜像源
      nrm ls
      
    • 使用淘宝源
      nrm use taobao
      
    • 添加删除镜像源
      nrm add <registry> <url>
      nrm del <registry>
      

    # 使用 Parallels Desktop 虚拟机

    • 在 Big Sur 系统使用 Parallels 16 以下版本无法启动

      export SYSTEM_VERSION_COMPAT=1
      
      open -a Parallels\ Desktop.app
      
    #前端#开发环境#Parallels#虚拟机#nvm
    最近更新
    01
    烧虾球
    05-13
    02
    二次开发
    12-20
    03
    文字展开收起
    10-17
    更多文章>
    Theme by Vdoing
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式