本文目录
- 安装angular/cli 一直安装失败
- 如何搭建一个Angular4.0程序
- angular-cli中配置代理
- angularcli安装需要python环境吗
- 用webstorm建立angular项目没有配置环境怎么办
- Angular报错: Package ’@angular/cli’ is not a dependency
- 怎么测试angular/cli安装成功
安装angular/cli 一直安装失败
这是网络问题导致的。可采用以下方法解决：1、你可能需要设置一下代理 set proxy=""2、换个网络环境，下载试试3、先把node-sass下载下来，并加入到系统的环境变量中。可从网上查查如何设置，通常是由于node-sass下载失败而导致失败的。
如何搭建一个Angular4.0程序
第一步：安装node.js，如果电脑上有，请忽略。***隐藏网址***第二步：搭建Angular开发环境打开控制台win+R，执行安装angularCLI安装命令，npm install -g angular-cli@latest，接着会提示AngularCLI安装完成；创建Angular项目目录，使用cd命令进入你想要的项目文件夹（使用默认的也都无所谓），执行 ng new Demo1即可，等待其为你的项目下载必须的架包即可；第三部，开发Angular组件***隐藏网址***Angular是组件化的前端开发框架，需要自己为程序创建新的组件，同样是在IDE的控制台键入命令，ng g component firstComponent，即可创建自己的组件，每个组件中分为四个文件，一个是.css文件，负责处理组件的样式信息，一个是.html模板文件，负责编写HTML代码，一个是.spec.ts文件，这个文件用于测试，开发过程中无需管他，还有一个就是.ts文件了，这个负责实现与html中的数据交互的，常见的是数据绑定、实现HTML中标签的路由、实现Angular核心的功能DI（依赖注入）等；编写好自己的组件后，需要将自己的组件加入到主模块中，只需要在根目录中的index.html中的任意位置的加入《app-first-component》《/app-first-component》（依你创建的组件名称决定app-后面的内容）；刷新浏览器中的页面，即可看到自己变下的组件显示出来了。
angular-cli中配置代理
前端开发中经常会遇到跨域的问题，特别是在开发环境，本地开发请求后台接口，因为前端服务和后台服务不是同一台电脑所以会出现跨域的现象，也就是遵循我们的同源策略，即协议，域名，端口不一致时就会出现跨域的现象， 此时在我们本地调试程序久需要惊醒代理配置，我用的angular框架做开发，所以本文围绕angular 如下图，我是用express配置了一个接口 然后在不做任何操作的情况下请求这个/auth的这个接口，接口的全称应该是192.168.1.109:8888/auth 结果会报错，如下图在项目的根目录新建JSON文件 配置好了后，npm start启动项目，请求成功 如果想代理多个路径，可以换一种方式配置，加了个context参数 此配置可以代理接口地址为“/auth”和“/api”开头路径的服务，以上方法是用json文件配置代理的，还可以用ES6模块化的方式配置 同样在项目的根目录新建一个proxy.config,js文件，此文件是js文件 和json文件同样配置,此时不在赘述 这里插一句，如果要请求不跨域还可以修改接口的请求头，例如我express写的接口，所以我会在请求前做相应的参数设置 如果要需要进行其他参数的配置可以参照 webpack 官方文档
angularcli安装需要python环境吗
由于Angular4升级了，旧版的Angular-Cli支持性不是很好，所以Angular-Cli也需要升级更新，本质就是删除掉以前的，再重新安装就好了。
Angular-Cli is more than tool,it is a platform!
一、安装Angular-Cli
经过n次的失败安装，终于在最后一次安装成功，为了使同学们少走弯路，现将经验写下来：
1、查看你的node以及npm版本：
view plain copy
node -v 查看node版本
npm -v 查看npm版本
npm config set registry
npm install -g typescript typings
npm install -g angular-cli@latest
npm WARN deprecated angular-cli@1.0.0-beta.28.3: angular-cli has been renamed to @angular/cli. Please update
your dependencies.
npm install -g @angular/cli
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | ’_ \ / _` | | | | |/ _` | ’__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
@angular/cli: 1.3.2
node: 8.4.0
os: win32 x64
npm uninstall -g angular-cli
npm cache clean
npm cache verify --force
《pre class="html" name="code"》npm install -g @angular/cli
《/pre》
《pre》《/pre》
要求所有版本都是最新的，不然可能会出错。
2、设置淘宝镜像，这样下载东西就是从国内网站下载了，网速更快
view plain copy
3、因为angular-cli是用typescript写的，所以要先装这两个：
view plain copy
view plain copy
4、安装angular-cli:
view plain copy
上面这个语句安装的最新版本是28.3，angular-cli@1.0.0-beta.28.3: 并且可能会报这个错
view plain copy
最新版安装应该是
view plain copy
这时，ng -v是这样的
view plain copy
包之间的依赖也发生改变了。
如果你之前安装失败过，最好在安装angular-cli之前先卸载干净，用以下两句：
view plain copy
卸载新版本
npm uninstall @angular/cli
可能新版本会提示使用npm cache verify删除，可能删除不成功，强制删除
view plain copy
同时，在检查你全局的那些npm文件下还残留下图这两个文件，
路径：C盘--》用户--》你登录的账户--》AppData--》Roaming--》npm
有的话也要删掉，删掉后再用"
view plain copy
安装最新的angular-cli即可。
二、失败以及解决办法1、缺少Python环境
a、下载 ht
b、安装 最好安装在C盘
c、配置环境变量，有些同学是在公司，有时候没有权限配置系统环境变量，那么在用户变量哪里配置也是可以的电脑-》属性-》高级配置-》环境变量-》把安装的Python路径复制到path里面就可以了
用webstorm建立angular项目没有配置环境怎么办
用webstorm建立angular项目没有配置环境的解决方案如下。1、在命令行中输入以下命令，安装AngularCLI。2、在WebStorm中创建一个新的Angular项目。3、在创建项目的过程中，你需要选择一个AngularCLI的配置文件。如果你没有自定义配置文件，可以直接使用默认的配置文件。4、创建项目之后，你需要在WebStorm中打开一个终端（Terminal）窗口。5、安装完依赖项之后，你可以使用以下命令在WebStorm中启动项目。6、运行成功后，你可以在浏览器中输入网址，启动程序。
Angular报错: Package ’@angular/cli’ is not a dependency
Angular 报错: Package ’@angular/cli’ is not a dependency 版本： 执行更新时报错： 目录 node_modules 不存在： install yarn and angular/cli: then install dependencies: then I run npm install command with --force param: ***隐藏网址***
怎么测试angular/cli安装成功
angular原声的ng-view一个页面只能有一个吧,所以我觉得是不能嵌套ng-view的建议全部换成ui-view来控制,这样就能嵌套view啦
