快速开始Angular4之旅

先上官方文档: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有效~~

接下来就是愉快的开发啦,有不清楚的?去看官方文档啊!

你可能感兴趣的:(快速开始Angular4之旅)