搭建 training 环境 2019_11_training(1)

本贴最后更新于 1863 天前,其中的信息可能已经时移世异

training 环境的搭建

 我们需要 angular.js 为我们构建 UI 界面,需要 node.js 提供后台服务,vscode 作为程序开发的 IDE,Git 作为我们的项目版本管理工具.

1. 安装 node.js

a. 概述

 node.js 就是运行在服务端的 javascript.

b. 安装

  • 步骤 1: 访问 node.js 官网下载界面,下载 node.js 的安装包,选择 LTS 版本,具体安装步骤如下:

    image.png
    node.jsinstallstep1.png

    node.jsinstallstep2.png

    node.jsinstallstep3.png

    node.jsinstallstep4.png

    node.jsinstallstep5.png

    node.jsinstallstep6.png

    node.jsinstallstep7.png

    注意: 如果安装提示权限不足,请在管理员权限下安装,若无管理员权限,请联系 OA.
    说明: LTS 表示长期支持,稳定的版本,Current 表示最新版.

  • 步骤 2: 检查是否安装成功,在 cmd 输入指令: node -v,如下图所示

    image.png

    如果你能看到版本号,说明你的 node 安装成功了.

2. 安装 angular/cli

a. 概述

 angular cli 是用来快速构建 angular 开发环境的命令行工具.

b. 安装

注意: 安装 angular cli 工具之前,需要安装好 node.js.因为我们需要使用 node.js 自带的 npm 包管理工具来安装 angular cli.

  • 步骤 1: 设置私有镜像,在 cmd 下面输入下面两条命令:

    npm config set registry https://nexusoss.wistron.com/repository/npm-group #这个命令是说,我要下载东西,就去 nexusoss 镜像库下载,不要去官方镜像库下载
    npm config set strict-ssl false #这个命令是说,不用帮我验证 ssl 了

    image.png

  • 步骤 2: 安装 angular cli,在 cmd 下输入下列命令,并验证是否安装成功

    npm install -g @angular/cli #安装 angular/cli
    ng version #如果能正常显示版本号,说明安装成功了

    image.png

3. 安装 vscode 插件

注意: 安装 vscode 插件之前,你需要先安装 vscode,请访问 vscode 官网下载 vscode 软件(版本: 选择最新的就好了)

安装插件

  • 打开 vscode,逐一搜索下列插件并安装下列插件

    • Git Graph
    • Git History
    • Git Lens
    • Git Tags
    • gitignore

    image.png

4. 安装 Git

a. 简介

  Git 就是一个项目版本管理工具.

b. 安装

  • 访问 git 官网,下载最新版的 git 进行安装.在 cmd 输入 git version,如果可以看到版本号,则安装成功!

    image.png

  • 开发
    38 引用 • 159 回帖 • 2 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...