詳解Angularcli配置過(guò)程記錄

1.首先調(diào)出命令行工具，運(yùn)行命令全局安裝Angular -cli

“只有客戶發(fā)展了，才有我們的生存與發(fā)展！”這是創(chuàng)新互聯(lián)公司的服務(wù)宗旨！把網(wǎng)站當(dāng)作互聯(lián)網(wǎng)產(chǎn)品，產(chǎn)品思維更注重全局思維、需求分析和迭代思維，在網(wǎng)站建設(shè)中就是為了建設(shè)一個(gè)不僅審美在線，而且實(shí)用性極高的網(wǎng)站。創(chuàng)新互聯(lián)對(duì)網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)站制作、網(wǎng)站開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)推廣、探索永無(wú)止境。

npm i -g @angular/cli

安裝過(guò)程中我的命令行工具內(nèi)出現(xiàn)了警告和報(bào)錯(cuò)信息，我沒(méi)有管它，因?yàn)槲以诤罄m(xù)使用中并沒(méi)有遇到什么麻煩。

安裝完成后可通過(guò)命令行ng v查看安裝的版本信息，我的是這樣的

   _           _         ____ _   ___
  / \  _ __  __ _ _  _| | __ _ _ __   / ___| |  |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|  | |  | |  | |
 / ___ \| | | | (_| | |_| | | (_| | |   | |___| |___ | |
 /_/  \_\_| |_|\__, |\__,_|_|\__,_|_|    \____|_____|___|
        |___/
  

Angular CLI: 8.3.3
Node: 10.16.3
OS: darwin x64
Angular: 
... 

Package           Version
------------------------------------------------------
@angular-devkit/architect  0.803.3
@angular-devkit/core     8.3.3
@angular-devkit/schematics  8.3.3
@schematics/angular     8.3.3
@schematics/update      0.803.3
rxjs             6.5.3

看到這個(gè)就說(shuō)明基本上沒(méi)什么問(wèn)題，已經(jīng)全局成功安裝了angular-cli

2.使用命令行ng new myapp生成項(xiàng)目,過(guò)程中會(huì)有些配置選項(xiàng)的選擇，根據(jù)自己的需求選擇不同的配置就行.
我選擇了使用angular路由和less

? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? Less

等待安裝完成，安裝安成的目錄是這樣子的

詳解Angular cli配置過(guò)程記錄

Angular-cli目錄

打開(kāi)項(xiàng)目，在項(xiàng)目中運(yùn)行命令行ng serve --open，angular-cli會(huì)自動(dòng)在瀏覽器中運(yùn)行，我運(yùn)行出來(lái)的界面是這樣子的：

詳解Angular cli配置過(guò)程記錄

angular-cli安裝完成第一次運(yùn)行結(jié)果圖

這樣子Angular -cli創(chuàng)建新項(xiàng)目就算是完成了。

講一下項(xiàng)目目錄內(nèi)容

node_modules

node_modules文件目錄是我們項(xiàng)目的依賴項(xiàng)，一般這個(gè)要放在.gitignore文件中，像這樣

/node_modules

在使用angular-cli創(chuàng)建的項(xiàng)目中，會(huì)自動(dòng)幫我做記錄好那些需要git忽略的文件。

當(dāng)從git上拉下myapp項(xiàng)目時(shí)，里面是沒(méi)有node_modules目錄的，運(yùn)行命令行npm i 或者npm install就可以重新下載node_modules目錄

src

src目錄一般是放置我們項(xiàng)目的源代碼的地方，一開(kāi)始的時(shí)候有做這些東西

詳解Angular cli配置過(guò)程記錄

src目錄內(nèi)容

index.html文件是項(xiàng)目的入口文件，在這個(gè)文件<body>中，只放<app-root></app-root>入口點(diǎn)。
這個(gè)就是上面說(shuō)到的? Would you like to add Angular routing?這個(gè)問(wèn)題選擇了yes的結(jié)果，<app-root></app-root>是angular的一個(gè)路由組件

main.ts到包后會(huì)自動(dòng)引入編譯成ES5的js文件

提示：如果想要使用ngModel綁定輸入框內(nèi)容，需要在···app.component.ts中引入 FormsModule模塊,然后放入引入內(nèi)容import```屬性中

import { FormsModule } from '@angular/forms';
imports: [
  ***
  FormsModule
 ],

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

分享名稱：詳解Angularcli配置過(guò)程記錄
網(wǎng)址分享：http://jinyejixie.com/article26/ipehcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、定制開(kāi)發(fā)、App開(kāi)發(fā)、網(wǎng)站設(shè)計(jì)、面包屑導(dǎo)航、App設(shè)計(jì)

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

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

詳解Angularcli配置過(guò)程記錄