使用angular-cli创建angular项目
Angular介绍
Angualr是一款来自谷歌的开源的web前端框架,诞生于2009年,由MiskoHevery等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。
Angualr基于TypeScript和react、vue相比Angular更适合中大型企业级项目。
Angular环境搭建
1.安装node.js
此node.js版本是10.15.3,解压zip即可用,不需要安装
node.js地址:https://pan.baidu.com/s/1FCmNo8_iYSiQM0w6IW2J1Q
提取码:xon2
- 配置node.js环境变量
我的路劲是 :E:\node-v10.15.3-win-x64\node-v10.15.3-win-x64 - 在nodejs根目录创建node_global和node_cache
在cmd中设置模块保存目录命令: npm config set prefix “E:\node-v10.15.3-win-x64\node-v10.15.3-win-x64\node_global”
在cmd中设置缓存目录命令: npm config set cache"E:\node-v10.15.3-win-x64\node-v10.15.3-win-x64\node_cache" - 配置node_global环境变量 我的路劲是:E:\node-v10.15.3-win-x64\node-v10.15.3-win-x64\node_global
- 打开cmd 设置taobao镜像,使用cnpm命令 npm install -g cnpm --registry=http://registry.npm.taobao.org
- 安装需要的模块 cnpm install 模块名称-g 注意: -g
表示将内容下载到模块目录中global 例如:cnpm install vue-cli -g
2.检测node.js是否配置成功
输入命令查看版本号
node -v
出现版本号就是配置好了
3.使用npm/cnpm安装angular-cli
npm install-g@angular/cli 或者cnpm install-g@angular/cli
4.检测angular-cli是否安装成功
打开cmd输入命令
ng version
出现以下图片就是安装成功了
创建angular项目
1.打开命令行工具找到你要创建项目的目录
2.输入 ng new 项目名称
输入命令后会出现如下图所示
第一句英文的意思是:是否给项目添加路由
然后后面就是选择css/scss/sass
创建完成后不需要npm install,因为在创建的时候就已经给你下载好了
然后cd 到项目路劲
输入命令启动项目
ng serve