久久精品中文字幕av,av.涩涩涩涩涩涩涩涩,亚洲国产日韩欧美精品成人久久久,成人福利电影免费在线观看,日产国产原创av,日韩av午夜激情,bt天堂中文字幕,超级碰人妻在线视频,欧美老熟妇久久一区二区

# 軟件管家 在Windows系統(tǒng)中，各種軟件管家(360軟件軟件、騰訊的軟件管家等)為我們解決了大多數(shù)軟件安裝的問題，它甚至強大到能夠為我們重新安裝或升級操作系統(tǒng)。 `Node.js`可以理解為一個安裝在操作系統(tǒng)上的另一個小的系統(tǒng)，類似于我們安裝虛擬機在電腦上同時運行其它系統(tǒng)，不同的是`Node.js`與當(dāng)前操作系統(tǒng)結(jié)合的更加緊密，使用起來也更便捷。 `Node.js`貼心的為我們原廠自帶了軟件管理器，名字叫做`npm`，全稱是`Node.js Package Mananger`，直譯成中文為：`Node.js包管理器`，也就是`Node.js`下的軟件管家，以后我們會使用這個軟件管家來安裝在Node.js這個小系統(tǒng)下的各種軟件。 # angular-cli Angular為我們提供了一個名為 `Angular CLI` 的小軟件，我們在該小軟件的幫助下，可以輕松完成一些`樣本操作`。`Angular CLI`是眾多被`npm`包管理器管理包（軟件）之一，可以使用`npm install -g @angular/cli`來安裝。在教程中為了保持版本統(tǒng)一，避免一些由于新舊版本帶來的**異常**，我們使用以下命令來安裝`11.0.7`版本的`Angular CLI`。 ```bash # npm install -g @angular/cli@11.0.7 ``` 在網(wǎng)絡(luò)暢通的情況下，我們不需要等太長的時間便會安裝成功。如果你的網(wǎng)絡(luò)環(huán)境不是特別好，則需在執(zhí)行上述命令之前，首先執(zhí)行`npm config set registry http://registry.npm.taobao.org`命令，該命令使原本需要去訪問國外下載資源改為由國內(nèi)下載，這大大加快了下載的速度。 ```bash # npm config set registry http://registry.npm.taobao.org # npm install -g @angular/cli@11.0.7 ``` 安裝日志如下： ```bash panjiedeMac-Pro:~ panjie$ npm install -g @angular/cli@11.0.7 npm WARN deprecated debug@4.2.0: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797) npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated har-validator@5.1.5: this library is no longer supported /usr/local/bin/ng -> /usr/local/lib/node_modules/@angular/cli/bin/ng > @angular/cli@11.0.7 postinstall /usr/local/lib/node_modules/@angular/cli > node ./bin/postinstall/script.js + @angular/cli@11.0.7 added 253 packages from 201 contributors and updated 1 package in 63.955s ``` >[success] 感謝淘寶為廣大開發(fā)者提供的[淘寶 NPM 鏡像](https://developer.aliyun.com/mirror/NPM)！ ## 驗證 輸入`ng version`驗證是否成功安裝了`11.0.7`版本: ```bash panjiedeMac-Pro:~ panjie$ ng version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 11.0.7 Node: 14.15.4 OS: darwin x64 Angular: ... Ivy Workspace: Package Version ------------------------------------------------------ @angular-devkit/architect 0.1100.7 (cli-only) @angular-devkit/core 11.0.7 (cli-only) @angular-devkit/schematics 11.0.7 (cli-only) @schematics/angular 11.0.7 (cli-only) @schematics/update 0.1100.7 (cli-only) ``` >[info] 如果在學(xué)習(xí)教程前你已經(jīng)安裝了其它版本的Angular CLI，可以使用`npm uninstall -g @angular/cli`卸載歷史版本后重新安裝。 # Hello Angular 打開系統(tǒng)終端，并進(jìn)入到任意自己喜歡的文件夾，執(zhí)行`ng new first-app`初始化一個`angular`應(yīng)用: ```bash panjiedeMac-Pro:angular11-guild panjie$ ng new first-app ? Do you want to enforce stricter type checking and stricter bundle budgets in t he workspace? This setting helps improve maintainability and catch bugs ahead of time. For more information, see https://angular.io/strict (y/N) y ? ? Would you like to add Angular routing? (y/N) y? ? Which stylesheet format would you like to use? (Use arrow keys) ? CSS ? SCSS [ https://sass-lang.com/documentation/syntax#scss ] Sass [ https://sass-lang.com/documentation/syntax#the-indented-syntax ] Less [ http://lesscss.org ] Stylus [ https://stylus-lang.com ] 等待安裝，視網(wǎng)速不同表現(xiàn)不同。 CREATE first-app/e2e/src/app.e2e-spec.ts (660 bytes) CREATE first-app/e2e/src/app.po.ts (274 bytes) ? Packages installed successfully. ``` * ? 輸入y后按回車，表示：啟用更嚴(yán)格的語法檢查 * ? 輸入y后按回車，表示：啟用路由 * ? 默認(rèn)是CSS，直接按回車 >[danger] **注意:** 在后續(xù)的教程中，你應(yīng)該時刻關(guān)注我們給出的終端提示，該提示中包含的當(dāng)前執(zhí)行命令的位置非常重要，你要確保在執(zhí)行相關(guān)命令時與教程保持一致。比如`panjiedeMac-Pro:angular11-guild?? panjie$`表示當(dāng)前命令的執(zhí)行路徑為`angular11-guild`??。 `angular11-guild`只是個文件夾名字，是我任意選擇的文件夾，在該文件夾下我使用 `ng new first-app` 命令初始化了第一個`angular`應(yīng)用。 該命令將為我們創(chuàng)建一個first-app文件夾，并且自動為我們在該文件夾中初始化一系列的文件。first-app文件夾中內(nèi)容如下： ```bash ├── README.md ├── angular.json ├── e2e ├── karma.conf.js ├── node_modules ├── package-lock.json ├── package.json ├── src ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.spec.json └── tslint.json ``` 我們共同**了解**一下這些被自動生成的文件(夾)： ```bash ├── README.md 項目介紹文件，后期我們可以變更為對當(dāng)前項目的介紹，比如項目完成了什么功能，在開發(fā)時需要什么 ├── angular.json Angular項目的配置文件 ├── e2e 專門放集成測試文件的文件夾 ├── karma.conf.js Karma對應(yīng)的配置文件 ├── node_modules 本項目依賴的其它npm包 ├── package-lock.json 本項目依賴于其它包（庫）的具體安裝情況（版本、下載地址等） ├── package.json 本項目依賴于其它包（庫）的情況 ├── src 源代碼文件夾 ├── tsconfig.app.json typescript相關(guān)的配置文件 ├── tsconfig.json typescript相關(guān)的配置文件 ├── tsconfig.spec.json typescript測試相關(guān)的配置文件 └── tslint.json 語法校驗配置文件 ``` >[success] **了解**=**看看**，表示該部分內(nèi)容不需要記憶。 ## 啟動應(yīng)用 在項目根目錄`first-app`下執(zhí)行`ng serve`即可啟動項目： ```bash panjiedeMac-Pro:first-app?? panjie$ ng serve ? Browser application bundle generation complete. Initial Chunk Files | Names | Size vendor.js | vendor | 2.66 MB polyfills.js | polyfills | 141.32 kB main.js | main | 59.58 kB runtime.js | runtime | 6.15 kB styles.css | styles | 119 bytes | Initial Total | 2.87 MB Build at: 2021-01-20T10:18:35.573Z - Hash: 838fc9c37ac2f2622e90 - Time: 7198ms ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** ? Compiled successfully. ``` * ?? 注意當(dāng)前文件夾位置為`first-app` 接下來我們打開瀏覽器訪問：[http://localhost:4200/](http://localhost:4200/)  至此，Angular啟動成功。 >[info] 你還可以使用`ng serve -o`來啟動Angular應(yīng)用，看看會發(fā)生什么。 ## 停止 關(guān)閉終端或是在終端中使用`ctrl+c`組合鍵來終止Angular項目。 # 本節(jié)作業(yè) * 除[Angular CLI](https://www.npmjs.com/package/@angular/cli)外，npm還管理著很多優(yōu)秀的包，[http-server](https://www.npmjs.com/package/http-server)便是優(yōu)秀的一個，請參考文檔嘗試安裝并使用。 * 請參考[Vue CLI的官方文檔](https://cli.vuejs.org/)，初始化一個Vue項目。 # 資源列表 * [搭建環(huán)境](https://www.angular.cn/guide/setup-local) * [CLI 概覽與命令參考手冊](https://www.angular.cn/cli) * [本節(jié)源碼](https://github.com/mengyunzhi/angular11-guild/archive/step1.2.zip)