Angular (Mac)
软件版本说明
项目工程开发及运行所需软件:
项目 | 版本 | 说明 |
---|---|---|
Git | >=2.22.0 | 软件配置管理工具 |
Node.js | >=14 | Node.js 运行时环境 |
Angular CLI | >=11.0.0 | angular 构建工具 |
Visual Studio Code | >=1.50 | 轻量级代码编辑器 |
配置网络代理
如果安装包过慢,可以使用网络代理工具。
复制终端代理命令,使终端走网络代理
export https_proxy=http://127.0.0.1:7890 http_proxy=http://127.0.0.1:7890 all_proxy=socks5://127.0.0.1:7890
安装 Git
$ brew install git
Mac OS X 出厂自带 Git,该操作将对 Git 版本升级。
安装 yarn
$ brew install yarn #安装
$ brew upgrade yarn #更新
安装 Node.js
安装 nvm
Node Version Manager 简称 nvm,是node的包管理工具。
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
将以下内容加入到正确的 profile 文件(~/.bash_profile, ~/.zshrc, ~/.profile, or ~/.bashrc)
$ export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
重启终端窗口或者执行以下命令让环境变量生效
bash: source ~/.bashrc
zsh: source ~/.zshrc
ksh: . ~/.profile
安装 Node.js
$ nvm install 14
$ node -v #确认使用的版本
安装 Angular CLI
yarn global add @angular/cli
安装 VSCode
安装扩展插件
安装完成 VSCode 客户端之后,安装以下扩展插件
插件名称 | 插件说明 |
---|---|
Angular Language Service | Angular 语言服务工具,扩展了自动完成,代码诊断等功能 |
Angular Snippets (Version 8 以上) | Angular 快速生成代码插件 |
Angular Console | nrwl 公司的 angular 开发工具插件 |
EditorConfig for VS Code | 代码格式化辅助插件 |
TypeScript Import Sorter | Typescript 代码导入格式化插件 |
克隆工程项目
使用git命令克隆项目,可以是通过相应软件克隆代码
$ git clone git@gitlab.dxsuite.cn:codelet-cloud/web/demo-admin-angular-ant.git
git仓库地址:git@gitlab.dxsuite.cn:codelet-cloud/web/demo-admin-angular-ant.git
克隆工程
仓库地址:https://github.com/codedance-dl/dxsuite-web-admin-angular
安装项目
进入工程的根目录,执行安装命令
$ yarn install
修改环境变量
打开 src/environments/environment.ts,对应修改相关参数
export const environment = {
production: false, //是否生产环境
host: 'https://api.dxsuite.cn', // api请求地址
orgId: 'C6Q164EI4C49INQ4', // 固定的机构id sass软件不用填写
wsURL: 'api.dxsuite.cn' // WebSocket 请求地址
};
运行项目
$ yarn start