成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Angular環(huán)境搭建和新建項(xiàng)目

CHENGKANG / 931人閱讀

摘要：環(huán)境下的的安裝和配置安裝官網(wǎng)地址下載相應(yīng)的安裝包安轉(zhuǎn)檢查是否安裝如下圖由于新版的已經(jīng)集成了，所以之前也一并安裝好了。

Windows環(huán)境下的NodeJS+NPM的安裝和配置

1、安裝NodeJS
官網(wǎng)地址: http://nodejs.cn/download/
下載相應(yīng)的安裝包, 安轉(zhuǎn).
2、檢查npm是否安裝
如下圖:
由于新版的NodeJS已經(jīng)集成了npm，所以之前npm也一并安裝好了?？梢允褂胏md命令行中鍵入 npm -v查看npm版本號(hào),進(jìn)行檢查是否安裝成功.
若沒(méi)有安裝npm
安裝淘寶鏡像 :npm install
npm install -g cnpm --registry=https://registry.npm.taobao.org

淘寶鏡像安裝更快方法：
將.npmrc 文件放在本電腦C:UsersAdministrator 路徑中去
.npmrc 文件內(nèi)容為：
registry=https://registry.npm.taobao.org/
ELECTRON_MIRROR=http://npm.taobao.org/mirrors...
SASS_BINARY_SITE=http://npm.taobao.org/mirrors...

安裝Angular CLI

$ npm install -g @angular/cli

新建Angular項(xiàng)目

D:angularTest>ng new myProj
ng new myProj --style=scss / --style=sass ,--less(樣式文件格式）
--routing（會(huì)在app文件中生成app-routing.module.ts配置文件）
即:ng new myProj --routing=true --style=less
用webstrom打開(kāi)新建 myProj項(xiàng)目

再一次npm install
最后啟動(dòng)項(xiàng)目npm start
瀏覽器運(yùn)行http://localhost:4200/即可完成

常用于新建的指令
ng generate class my-new-class // 新建 class
ng generate component my-new-component // 新建組件
ng generate directive my-new-directive // 新建指令
ng generate enum my-new-enum // 新建枚舉
ng generate module my-new-module // 新建模塊
ng generate pipe my-new-pipe // 新建管道
ng generate service my-new-service // 新建服務(wù)

可以簡(jiǎn)寫成：

ng g cl my-new-class // 新建 class
ng g c my-new-component // 新建組件
ng g d my-new-directive // 新建指令
ng g e my-new-enum // 新建枚舉
ng g m my-new-module // 新建模塊
ng g p my-new-pipe // 新建管道
ng g s my-new-service // 新建服務(wù)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/92703.html

相關(guān)文章

  • Angular 5.0 學(xué)習(xí)2：Angular 5.0 開(kāi)發(fā)環(huán)境的搭建和新建第一個(gè)ng5項(xiàng)目

    摘要：之后輸入，出現(xiàn)版本號(hào)即安裝成功，的版本號(hào)在以上，則新建出來(lái)的項(xiàng)目是版本。所有具備這一特性的軟件或者軟件套組都可以叫集成開(kāi)發(fā)環(huán)境。創(chuàng)建新項(xiàng)目打開(kāi)終端窗口。是為應(yīng)用準(zhǔn)備的，而是為單元測(cè)試準(zhǔn)備的。給的單元測(cè)試配置，當(dāng)運(yùn)行時(shí)會(huì)用到它。 1.安裝Node.js 在開(kāi)始工作之前，我們必須設(shè)置好開(kāi)發(fā)環(huán)境。如果你的機(jī)器上還沒(méi)有Node.js?和npm，請(qǐng)先安裝它們。去Node.js的官網(wǎng)，https:...

    dunizb 評(píng)論0 收藏0

  • 如何搭建Electron開(kāi)發(fā)環(huán)境

    摘要：原文發(fā)表于如何搭建開(kāi)發(fā)環(huán)境這個(gè)項(xiàng)目結(jié)構(gòu)是我在編寫基于和的七牛文件上傳總結(jié)出來(lái)的本文主要介紹如何從零開(kāi)始搭建高效的開(kāi)發(fā)環(huán)境主要內(nèi)容如下通過(guò)合理的目錄劃分來(lái)組織代碼使用簡(jiǎn)化開(kāi)發(fā)如何在渲染進(jìn)程開(kāi)發(fā)時(shí)使用熱更新如何在主進(jìn)程開(kāi)發(fā)時(shí)使用自動(dòng)重啟如何在主 原文發(fā)表于 https://lleohao.github.io/2017/09/02/如何搭建Electron開(kāi)發(fā)環(huán)境/ 這個(gè)項(xiàng)目結(jié)構(gòu)是我在編寫...

    TwIStOy 評(píng)論0 收藏0

  • 那些年初識(shí)Angular(1)

    摘要：它包含多個(gè)屬性，這些屬性值叫做元數(shù)據(jù)。會(huì)根據(jù)元數(shù)據(jù)渲染組件，并執(zhí)行組件邏輯。元數(shù)據(jù)會(huì)告訴圖和將這個(gè)類處理成一個(gè)組件。元數(shù)據(jù)這段代碼表示這個(gè)組件可以通過(guò)這個(gè)標(biāo)簽來(lái)調(diào)用。 那些年初識(shí)Angular 由于工作需要初識(shí)了Angular，由于個(gè)人在學(xué)習(xí)一門新語(yǔ)言的時(shí)候喜歡買一本相關(guān)的書籍自己鉆研，還記得自己的第一本Angular書籍是關(guān)于Angular2的學(xué)習(xí)，自此正式踏入Angular的學(xué)習(xí)。...

    Flink_China 評(píng)論0 收藏0

  • angular學(xué)習(xí)第一篇-----環(huán)境搭建

    摘要：這是我第一次寫文章，也不知道能不能堅(jiān)持下去，暫且試試看吧還有就是這里的內(nèi)容大部分是來(lái)自慕課網(wǎng)的，我也不知道這樣是否會(huì)侵權(quán)，如若侵權(quán)還望提醒好吧，現(xiàn)在開(kāi)始學(xué)習(xí)吧一環(huán)境的搭建注我這里的環(huán)境是在下的。 寫在前面 最近從慕課網(wǎng)買了一個(gè)視頻教程學(xué)習(xí)angular,最新的angular4.0沒(méi)有與老版本的有太多依賴關(guān)系，因此對(duì)于我這個(gè)沒(méi)有太多angular基礎(chǔ)的人來(lái)說(shuō)，門檻也就沒(méi)那么大了。因?yàn)槭堑?..

    ChristmasBoy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<