亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

angular/cli 安裝遇到的那些事

snifes / 2792人閱讀

摘要：運(yùn)行下列命令來(lái)生成一個(gè)新項(xiàng)目以及默認(rèn)的應(yīng)用代碼項(xiàng)目文件夾名稱會(huì)安裝必要的包創(chuàng)建項(xiàng)目文件，并在該項(xiàng)目中生成一個(gè)簡(jiǎn)單的默認(rèn)應(yīng)用。后續(xù)有其他安裝問(wèn)題我會(huì)繼續(xù)更新，敬請(qǐng)關(guān)注

第一步：設(shè)置開發(fā)環(huán)境
在開始工作之前，你必須設(shè)置好開發(fā)環(huán)境。
如果你的電腦里沒(méi)有 Node.js?和 npm，請(qǐng)安裝它們。
然后全局安裝 Angular CLI（最新版本）

npm install @angular/cli -g

或者安裝指定的版本：

npm install @angular/cli@版本號(hào) -g

安裝完成可以利用命令檢測(cè)自己安裝的版本：

ng version

即可查看

第二步：創(chuàng)建新項(xiàng)目
打開終端窗口。
運(yùn)行下列命令來(lái)生成一個(gè)新項(xiàng)目以及默認(rèn)的應(yīng)用代碼：

ng new my-app（項(xiàng)目文件夾名稱）

Angular CLI 會(huì)安裝必要的 NPM 包、創(chuàng)建項(xiàng)目文件，并在該項(xiàng)目中生成一個(gè)簡(jiǎn)單的默認(rèn)應(yīng)用。這可能要花一點(diǎn)時(shí)間。
第三步：?jiǎn)?dòng)開發(fā)服務(wù)器
進(jìn)入項(xiàng)目目錄，并啟動(dòng)服務(wù)器。

cd my-app
ng serve --open

ng serve 命令會(huì)啟動(dòng)開發(fā)服務(wù)器，監(jiān)聽文件變化，并在修改這些文件時(shí)重新構(gòu)建此應(yīng)用。
使用 --open（或 -o）參數(shù)可以自動(dòng)打開瀏覽器并訪問(wèn) http://localhost:4200/。
成功安裝執(zhí)行--open命令會(huì)自動(dòng)彈出angular歡迎頁(yè)面。
安裝出錯(cuò)：
安裝過(guò)程中可能出現(xiàn)錯(cuò)誤：
”Cannot find module ‘@angular-devkit/core’”如果提示這個(gè)錯(cuò)誤，
原因就是缺少@angular-devkit/core，其實(shí)這種問(wèn)題在新創(chuàng)建程序的時(shí)候就有提示
比如在執(zhí)行完ng new newProject 之后會(huì)出現(xiàn)。

解決辦法就是自己安裝，進(jìn)入程序目錄執(zhí)行下面的指令：

npm i --save-dev @angular-devkit/core

如果再次提示@angular-devkit/core沒(méi)有安裝成功的話就需要卸載angular-cli重新安裝angular-cli了。

npm uninstall -g angular-cli
npm install -g @angular/cli@latest

后續(xù)有其他安裝問(wèn)題我會(huì)繼續(xù)更新，敬請(qǐng)關(guān)注！

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

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

相關(guān)文章

  • Angular6打包的那些事

    摘要：在看看的配置下其中可以防止刷新的問(wèn)題。這樣我的可以用一個(gè)做代理，同時(shí)訪問(wèn)我的兩個(gè)項(xiàng)目，兩個(gè)項(xiàng)目。他們的地址是項(xiàng)目博客項(xiàng)目寫著玩的，前端比較差以上可以說(shuō)是解決了很大部分的坑了。 Angular在升級(jí)到6的時(shí)候，多了許多新的功能，比如ng命令，在從5升級(jí)到6的時(shí)候是無(wú)痛升級(jí)的，但是升級(jí)到了6之后，也有許多地方做了改變，比如Angular的設(shè)置，Angular的base-path等，通過(guò)在一...

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

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

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

    dunizb 評(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單元測(cè)試系列-簡(jiǎn)介

    摘要：?jiǎn)卧獪y(cè)試我們可以將其分成兩類獨(dú)立單獨(dú)測(cè)試與測(cè)試工具集。工具集還有更多，這一切我們將在單元測(cè)試組件與指令單元測(cè)試逐一說(shuō)明。那么下一篇，我們將介紹如何使用進(jìn)行單元測(cè)試。 本文將探討如何搭建測(cè)試環(huán)境、以及Angular測(cè)試工具集。 測(cè)試環(huán)境 絕大部分都是利用Angular Cli來(lái)創(chuàng)建項(xiàng)目，因此，默認(rèn)已經(jīng)集成我們所需要的npm包與腳本；當(dāng)然，如果你是使用自建或官網(wǎng) quickstart 的話...

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

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

0條評(píng)論

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