angular入门基本操作
一、下载并安装Node.js
为什么安装Node.js
Angular、Angular CLI 和 Angular 应用都依赖于 npm包(node.js package manage)中提供的特性和功能。要想 下载并安装 npm包,就必须拥有一个 npm 包管理器,而Node.js
已经默认安装了它。
二、安装Angular CLI
Angular CLI 可以理解为一个工作区,用来创建项目、生成应用和库代码,以及执行各种持续开发任务,比如测 试、打包和部署。
①使用 npm
命令安装 CLI,打开终端/控制台窗口(windows+R打开运行对话框然后输入cmd回车),输入如下命令:
npm install -g @angular/cli
②Angular CLI卸载方式
npm uninstall -g @angular/cli
③Angular CLI 的版本检查
ng -v
三、安装镜像源
由于npm安装插件是从国外服务器下载,受网络的影响比较大,当网速较差时就会导致使用npm安装angular时 非常慢,甚至会出现异常,因此推荐安装镜像。nrm(npm registry manager )是npm的镜像源管理工具,可以 用这个来切换镜像源。
①首先全局安装 nrm:
npm install -g nrm
②安装完后就可以立即使用了,通过nrm ls
来列出可用的源:
nrm ls
③列表中会列出下面几个源:
npm ---- https://registry.npmjs.org/
cnpm — http://r.cnpmjs.org/
taobao - https://registry.npm.taobao.org/
nj ----- https://registry.nodejitsu.com/
rednpm - http://registry.mirror.cqupt.edu.cn/
npmMirror https://skimdb.npmjs.com/registry/
edunpm - http://registry.enpmjs.org/
④这里我们选择国内淘宝的源:
nrm use taobao
四、用visual studio code进行开发
visual studio code(以下简称VS Code) 是开源免费的开发工具,是目前使用量较大的开发工具
常用命令
①打开终端
菜单栏>>查看>>终端
快捷键:Ctrl+`
②新建项目命令ng new 项目名称(英文)
ng new work
③安装 ng-zorro-antd插件命令 ng add ng-zorro-antd(添加ng-zorro相关控件)
ng-zorro由阿里计算平台事业部、阿里云等不同部门的一些小伙伴在原业务组件的基础上共同构建而成,已开 源,组件功能已经很齐全了,更符合我们国人使用习惯。是目前为止较为全面、符合国人使用习惯的angular 2 UI模板。
ng add ng-zorro-antd
④编译加载项目命令 ng serve –open
通过浏览器打开项目
ng serve --open
五、git的相关使用方法
git 常用命令
git clone 地址(克隆项目)
git checkout (dev)切换到别人的分支
git branch -D (dev)删除分支
git checkout -b (dev)建立分支
git pull origin (dev)把别人的分支抓到自己的分支上
把自己的分支布到总分支上即上传分支
git add .
git commit -m “@@”
git push origin (dev)
详细内容还在完善