栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

环境搭建

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

环境搭建

基于 Angular CLI 新建项目

环境要求

  • Node.js
  • NPM

*在命令提示符面板(cmd)中,检测 Node.js 和 NPM 是否安装成功:

搭建步骤

  1. 安装 Angular CLI
npm install -g @angular/cli
  1. 检测 Angular CLI 是否安装成功
ng --version

  1. 新建项目
ng new project-name
  1. 启动本地服务器
cd project-name
ng serve --open

*默认地址是 localhost:4200,可以输入 ng serve --port 4201 修改端口号。

克隆已有的项目

环境要求

  • Node.js
  • Npm
  • Git

搭建步骤

以下操作基于 Git 客户端 SourceTree:

  1. 复制已有项目

  1. 安装所需依赖
cd project-name
npm install
  1. 启动本地服务器
ng serve --open

VS Code 内置 Git 命令,因此,如果本地已经安装过 Git,可以直接使用 VS Code 克隆已有的项目:

  1. F1(或者 Ctrl + Shift + P) 打开命令面板;
  2. 输入 Git Clone,并填写正确的 Git 地址;
  3. Ctrl+` 打开控制台,输入 npm install,安装所需依赖;
  4. 输入 ng serve,启动本地服务器。
项目结构

以下对实际开发中使用频率较高的文件做了说明:

开发工具以及插件推荐

推荐使用的 IDE(集成开发环境) 是 VS Code。
推荐插件:

  1. Angular Files:在项目目录中快速构建模块、组件、服务等
  2. Angular Language Service:快速转到定义、引用位置
  3. Angular 8 Snippets:Angular 代码段(下载最新版即可)
  4. TSLint:Typescript 语法检测
  5. Prettier:代码格式化
  6. Debugger for Chrome:调试源码
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243749.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号