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

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

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)與策劃設(shè)計,東山網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:東山等地區(qū)。東山做網(wǎng)站價格咨詢:18982081108

Angular 是一款開源 JavaScript 框架,由Google 維護,用來協(xié)助單一頁面應(yī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 項目

$ npm i @angular/cli -g

創(chuàng)建測試項目

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

$ ng new my-app --style=scss

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

$ cd my-app && ng serve -o

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

文章題目:Angular如何搭建開發(fā)環(huán)境
文章鏈接:http://bm7419.com/article22/pcgcjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航靜態(tài)網(wǎng)站、Google、外貿(mào)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化