从0到1搭建环境(nvm, nrm, yrm, vue-cli)

Cxxi
113 阅读2分钟

从0到1搭建环境

  1. 聊聊背景

    • 初学前端，再加上家里电脑崩溃了，重装完系统C盘的环境都无了！所以才会有这篇文章，大概就是描述一下从零开始搭建环境以及遇到的一些问题。

  2. 环境搭建

    1. 首先，下载最新版的vscode
      • code.visualstudio.com/
      • 目前比较流行的编辑器，当然你也可以选择其他顺手的代码编辑器。
    2. 其次，就是Git
      • git-scm.com/
      • 大学上软件工程课的时候用过，当时我对Git一窍不通，工作之后才正式接触它。
      • 用于规范代码提交等工程化问题，适合多人开发。
      • 有关Git提交规范（以GitHub提交为例），会在之后的文章写完后提供。
    3. 再次，下载nvm（管理node版本）
    4. 从此，准备全局安装nrm（快速切换node源），npm install nrm -g

      • 这一步之后输入命令nrm ls可能会报错(大概率是没有配置环境变量所导致)

      • 或者还会出现输入完nrm ls后的列表没有默认带星号的选项，npm install Pana/nrm -g（但可能连接不上github导致下载失败，这里更推荐使用yrm）

        • npm install yrm -g
        • 使用方法和nrm是一样的（use，ls等命令）
    5. 最后，打开命令行界面win + R 然后 cmd
      • 输入nvm ls, node -v, yrm ls如果没有报错的话就算成功。
    6. 另外，如果在vscode输入命令后报错提示（如下）
      • 因为这个系统上已停用指令码执行，所以无法载入……的话，执行下面的命令即可
        • Set-ExecutionPolicy -Scope CurrentUser
        • 上面的敲完后再输入RemoteSigned
    7. 除此之外，如果想安装脚手架
      • 安装：npm install -g @vue/cli
      • 升级：npm update -g @vue/cli
      • 查看脚手架版本号：vue --version

  3. markdown美化

    • 初学markdown，这篇文章的布局有点不太美观。有相关美化md的文章，小伙伴可以推荐一下~

  4. 环境变量

    • nvm环境变量的配置写的比较少，这部分也是成败的关键因素之一。等我图床配好之后会再改一改这篇文章，让它更加详细。注意配置NVM_PATH和NVM_SYMLINK，配完之后记得在系统变量中的Path内加上%NVM_HOME%和%NVM_SYMLINK%。

  5. 删除package-lock.json文件

    • git clone完一个项目记得先把package-lock.json文件删除，再安装依赖。

  6. 下期预言

    1. GitHub提交PR流程以及规范（已写完）
    2. 百度地图开发体验（初学心得，已写完）
avatar
文章
阅读
粉丝