先上官方文檔:https://angular.io @English https://angular.cn @Chinese
有了之前被react各種第三方文檔坑的經(jīng)驗(yàn)袱瓮,還是老老實(shí)實(shí)去看官方文檔吧死遭,angular貼心準(zhǔn)備了中文文檔队塘,簡直太方便荐捻。
和之前Vue一樣,直接安裝腳手架,習(xí)慣性的直接鍵入npm install -g angular-cli
,卻發(fā)現(xiàn)報(bào)了很多舊版本的警告蛋褥,不對啊,按理說新版的不會出這種問題睛驳,仔細(xì)看了下才發(fā)現(xiàn)包名是@angular/cli烙心。 ̄へ ̄
安裝完之后可以鍵入ng -v
查看版本號膜廊,我的如下:
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
@angular/cli: 1.2.4
node: 7.2.1
os: win32 x64
然后進(jìn)入某個(gè)路徑,在這里鍵入ng new <項(xiàng)目名>
淫茵,創(chuàng)建新項(xiàng)目爪瓜。
這個(gè)過程無需干預(yù),就是需要等略久匙瘪,等的我都以為它是不是卡死了╮(╯﹏╰)╭
之后cd進(jìn)項(xiàng)目文件夾安裝依賴铆铆,npm install
還是 yarn
看你心情(~ ̄▽ ̄)~
最后,鍵入 ng sever --open
等待奇跡的降臨丹喻!沒有看到的請回頭再來一遍~~
我這里安裝依賴使用的yarn薄货,親測
yarn start
有效,npm start
有效~~
接下來就是愉快的開發(fā)啦驻啤,有不清楚的菲驴?去看官方文檔凹龀场骑冗!