Angular如何搭建開發(fā)環(huán)境

這篇文章給大家分享的是有關(guān)Angular如何搭建開發(fā)環(huán)境的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

Angular 是一款開源 JavaScript 框架，由Google 維護(hù)，用來協(xié)助單一頁面應(yīng)用程序運(yùn)行的。它的目標(biāo)是增強(qiáng)基于瀏覽器的應(yīng)用，使開發(fā)和測試變得更加容易。目前最新的 Angular 版本是 v4.2.3

開始搭建 Angular 開發(fā)環(huán)境

搭建 Angular 開發(fā)環(huán)境需要的步驟：

1. Node.js

2. 配置 npm

3. Angular CLI

安裝 Node.js

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

配置 npm

安裝好 Node.js 之后需要配置一下 npm 國內(nèi)源

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

或者 使用 nrm 去管理 npm 源

$ npm i nrm -g
$ nrm use taobao

由于 node-sass 包的下載鏈接被墻了，所以要配置一下 node-sass 的國內(nèi)源

復(fù)制代碼 代碼如下:

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

安裝 Angular CLI

Angular CLI 用于創(chuàng)建、編譯、發(fā)布 Angular 項(xiàng)目

$ npm i @angular/cli -g

創(chuàng)建測試項(xiàng)目

打開終端，創(chuàng)建一個基于 scss 樣式的 Angular 項(xiàng)目

$ ng new my-app --style=scss

項(xiàng)目創(chuàng)建成功后會提示 Project 'my-app' successfully created.，然后進(jìn)入項(xiàng)目目錄并運(yùn)行試試吧

$ cd my-app && ng serve -o

感謝各位的閱讀！關(guān)于“Angular如何搭建開發(fā)環(huán)境”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！