1. 程式人生 > >Angular 開發環境搭建

Angular 開發環境搭建

fig str gis ali code ble node.js 應用 步驟

Angular 是一款開源 JavaScript 框架,由Google 維護,用來協助單一頁面應用程序運行的。它的目標是增強基於瀏覽器的應用,使開發和測試變得更加容易。目前最新的 Angular 版本是 v4.2.3

開始搭建 Angular 開發環境

搭建 Angular 開發環境需要的步驟:

  • Node.js
  • 配置 npm
  • Angular CLI
安裝 Node.js

下載安裝 Node.js ,下載最新的 LTS 版本即可,目前最新的版本是 v6.11.0 LTS

配置 npm

安裝好 Node.js 之後需要配置一下 npm 國內源

$ npm config set registry="https://registry.npm.taobao.org/"

或者 使用 nrm 去管理 npm

$ npm i nrm -g
$ nrm use taobao

由於 node-sass 包的下載鏈接被墻了,所以要配置一下 node-sass 的國內源

$ npm config set sass_binary_site="https://npm.taobao.org/mirrors/node-sass/"

安裝 Angular CLI

Angular CLI 用於創建、編譯、發布 Angular 項目

$  npm i @angular/cli -g


1.卸載之前的版本卸載並安裝指定版本Angular CLI

npm uninstall -g @angular/cli

2.清除緩存,確保卸載幹凈

npm cache clean

3.檢查是否卸載幹凈

輸入命令

ng -v

若顯示command not found則卸載幹凈

4.安裝指定版本

npm install -g @angular/[email protected]

5.檢查版本號

ng -v

Angular 開發環境搭建