清除缓存
如果之前装过npm install -g angular-cli 需要先卸载 npm uninstall -g angular-cli
如果之前装过npm install -g @angular/cli 需要先卸载:npm uninstall -g @angular/cli
npm cache clean
npm prune
装之前先安装:
npm install -g typescript typings
npm install -g angular-cli --ignore-scripts
然后:
强烈推荐用cnpm来装Angular-CLI
还要删除ng和ng.cmd文件,然后使用淘宝镜像安装:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g angular-cli
注意node.js是nodejs 版本不够Angular CLI requires node 6.9 or greater. 注意更新版本, 更新办法很多,
问题1:没装python
一定要用cnpm装angular-cli,否则用原生npm安装面临很多问题:缺少python环境
问题2:使用cnpm提示cnpm不是内部命令原因 你没用用淘宝的镜像
安装cnpm 使用淘宝镜像安装
大漠穷秋安装步骤:
npm i -g cnpm --registry=https://registry.npm.taobao.org 之后运行cnpm -v给出提示
cnpm i -g @angular/cli 安装angular 后运行 ng-v
安装完毕后,试下ng -v 和ng --help,有显示正确内容就成功了。安装完angular后运行项目。
方法一:新建项目:
ng new ProjectName //ProjectName为你的项目名
cd ProjectName //进入项目
cnpm install
ng serve // 启动项目
接下来在浏览器输入http://localhost:4200/就可以看见项目了。
方法二:已有项目
在已有项目目录执行
cnpm install
ng serve
问题3:运行时候出现The "@angular/compiler-cli" package was not properly installed.
版本问题,解决如下:
1.
Uninstall and clean (global)
rm -rf node_modules dist
npm uninstall -g @angular/cli
npm cache clean
Reinstall and play (global)
npm install -g @angular/cli@latest
npm install
ng serve
This worked for me.
2. cnpm i -g @angular/cli@latest
3.update to typescript 2.2.0 and your issue will be resolved.
4.删除项目文件下node_modules文件后,重新执行cnpm install
ng serve
结构详解:
app根模块
app.module.ts引入需要的模块
app.component.ts是根组件
组件传递数据的两种方式
一:元数据传递 配置inputs接收外部传来参数
二:配置outputs,给父组件传递数据
三:子组件注入父组件实例,就可访问父组件
如果之前装过npm install -g angular-cli 需要先卸载 npm uninstall -g angular-cli
如果之前装过npm install -g @angular/cli 需要先卸载:npm uninstall -g @angular/cli
npm cache clean
npm prune
装之前先安装:
npm install -g typescript typings
npm install -g angular-cli --ignore-scripts
然后:
强烈推荐用cnpm来装Angular-CLI
还要删除ng和ng.cmd文件,然后使用淘宝镜像安装:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g angular-cli
注意node.js是nodejs 版本不够Angular CLI requires node 6.9 or greater. 注意更新版本, 更新办法很多,
问题1:没装python
一定要用cnpm装angular-cli,否则用原生npm安装面临很多问题:缺少python环境
问题2:使用cnpm提示cnpm不是内部命令原因 你没用用淘宝的镜像
安装cnpm 使用淘宝镜像安装
大漠穷秋安装步骤:
npm i -g cnpm --registry=https://registry.npm.taobao.org 之后运行cnpm -v给出提示
cnpm i -g @angular/cli 安装angular 后运行 ng-v
安装完毕后,试下ng -v 和ng --help,有显示正确内容就成功了。安装完angular后运行项目。
方法一:新建项目:
ng new ProjectName //ProjectName为你的项目名
cd ProjectName //进入项目
cnpm install
ng serve // 启动项目
接下来在浏览器输入http://localhost:4200/就可以看见项目了。
方法二:已有项目
在已有项目目录执行
cnpm install
ng serve
问题3:运行时候出现The "@angular/compiler-cli" package was not properly installed.
版本问题,解决如下:
1.
Uninstall and clean (global)
rm -rf node_modules dist
npm uninstall -g @angular/cli
npm cache clean
Reinstall and play (global)
npm install -g @angular/cli@latest
npm install
ng serve
This worked for me.
2. cnpm i -g @angular/cli@latest
3.update to typescript 2.2.0 and your issue will be resolved.
4.删除项目文件下node_modules文件后,重新执行cnpm install
ng serve
结构详解:
app根模块
app.module.ts引入需要的模块
app.component.ts是根组件
组件传递数据的两种方式
一:元数据传递 配置inputs接收外部传来参数
二:配置outputs,给父组件传递数据
三:子组件注入父组件实例,就可访问父组件