码迷,mamicode.com
首页 > 其他好文 > 详细

angular学习笔记---通过angular/cli建一个新的项目

时间:2017-08-13 12:28:06      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:版本   ejs   相关   install   启动   项目   --   ignore   node   

  理一下基于angular/cli建立新项目的思路:

(1)安装nodejs

(2)安装git

(3)安装淘宝镜像cnpm

(4)安装@angular/cli,在管理员模式下运行:cnpm install -g @angular/cli

(5)测试@angular/cl是否安装成功,运行:ng

(6)选择一个目标文件夹,进入该文件夹,如首先进入e盘:e:     ,其次进入e盘下的test文件夹:cd test   ,再在该文件夹下建立一个项目:ng new project

此时,项目建好之后会自动安装依赖,因为默认选择npm安装会比较慢或缺失相关文件,这里可以选择Ctrl+C,结束掉默认安装依赖行为,选择用cnpm进行依赖安装,即cnpm install,会根据package.json文件中的依赖包,下载安装相应的依赖。ps:安装好的依赖在node-modules中,需要将node_modules放置在.gitignore下,如下图,则提交版本库时,该目录中的文件都会被忽略掉。

技术分享

(7)启动项目,运行:ng serve,启动成功后浏览器输入url:http://localhost:4200

技术分享

 

到此,一个基于angular的项目已经建立好了

 

angular学习笔记---通过angular/cli建一个新的项目

标签:版本   ejs   相关   install   启动   项目   --   ignore   node   

原文地址:http://www.cnblogs.com/haimengqingyuan/p/7352803.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!