先上官方文档:https://angular.io @English https://angular.cn @Chinese
有了之前被react各种第三方文档坑的经验,还是老老实实去看官方文档吧,angular贴心准备了中文文档,简直太方便。
和之前Vue一样,直接安装脚手架,习惯性的直接键入npm install -g angular-cli
,却发现报了很多旧版本的警告,不对啊,按理说新版的不会出这种问题,仔细看了下才发现包名是@angular/cli。 ̄へ ̄
安装完之后可以键入ng -v
查看版本号,我的如下:
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
@angular/cli: 1.2.4
node: 7.2.1
os: win32 x64
然后进入某个路径,在这里键入ng new <项目名>
,创建新项目。
这个过程无需干预,就是需要等略久,等的我都以为它是不是卡死了╮(╯﹏╰)╭
之后cd进项目文件夹安装依赖,npm install
还是 yarn
看你心情(~ ̄▽ ̄)~
最后,键入 ng sever --open
等待奇迹的降临!没有看到的请回头再来一遍~~
我这里安装依赖使用的yarn,亲测
yarn start
有效,npm start
有效~~
接下来就是愉快的开发啦,有不清楚的?去看官方文档啊!