资源网站:angular中文文档、angular英文文档、angular社区。
1、推荐使用的编程工具:webstorm,下载安装可自行百度。转载博文:webstorm基本使用教程。
2、安装Node.js: node.js官网下载。转载博文:Node.js安装及环境配置之Windows篇。
请先在命令行输入node -v和npm -v, 来验证一下你正在运行 node 6.9.x 和 npm 3.x.x 以上的版本。
更老的版本可能会出现错误,更新的版本则没问题。
3、安装淘宝镜像
在命令行输入:npm install -g cnpm --registry=https://registry.npm.taobao.org
4、全局安装typescript
cnpm install -g typrscript
5、安装Angular CLI
cnpm install -g @angular/cli
现在可以来一个hello-world Project了
1、在命令行中输入ng new hello-world --skip-install 在桌面上就会出现一个hello-world的文件夹了
2、进入项目:cd hello-world
3、使用淘宝镜像安装:cnpm install 然后耐心等待。。。
安装好后hello_world项目里面会多一个node_modules文件夹
4、开启本地服务器:ng serve
5、在地址栏里输入:localhost:4200 你会看见Welcome to app! 还有一个大logo什么的。
这时一个基本项目其实已经创建好了。
6、我们现在做一下改动:打开hello-world/src/app/
将app.component.ts文件中的title='app';修改为title='HelloWorld';
将app.component.html文件中的内容全删除,用<h1>{{title}}!</h1>替换
在你保存文件之后,页面会自动刷新,现在页面上就只有显示HelloWorld!了。