安装angular脚手架,详细步骤。

1.安装node和npm
npm install -g npm //更新npm至最新版本
2.设置淘宝镜像
npm config set registry https://registry.npm.taobao.org
3.安装 typescript和typings
cnpm install -g typescript typings
4.全局安装angular-cli
cnpm i -g @angular/cli
5.目前我知道的创建方式有两种:(myApp是项目名,自定义)
1.ng new myApp
2.ng new myApp —skip-install 第一种是创建项目的同时安装node包, 第二种是创建项目跳过node包的安装,需要单独安装 安装命令:cnpm i 或者cnpm install
6、解决‘‘ng’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。’
1.安装node.js
2.cmd 命令执行:(在D盘中新建npmConfig目录) npm config set prefix D:\az\npmConfig\npm npm config set globalconfig
D:\az\npmConfig\npm\etc\npmrc npm config set globalignorefile
D:\az\npmConfig\npm\etc\npmignore npm install cnpm -g
–registry=https://registry.npm.taobao.org
3.配置环境变量 D:\az\npmConfig\npm 加入path环境变量
4.关闭cmd,再重新打开cmd,执行cnpm -v 显示版本号,安装成功
5.使用cnpm下载安装typescript cnpm install –g typescript
6.执行tsc -v 显示typescript版本号,安装完成
7.npm install -g angular-cli@latest
8.测试 ng version
7、启动项目报错无法加载文件 C:\Users\DH\Desktop\cs\rename.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
打开PowerShell 然后输入 get-executionpolicy
以管理员身份打开PowerShell 输入 set-executionpolicy remotesigned
8、报错启动项目报错:You have to be inside an Angular CLI project in order to use the serve command.
输入:cnpm install —save-dev @angular/cli@latest 再次启动:ng serve —open
9、AngularJS启动报错:ERROR in [at-loader] ./node_modules/@types/node/index.d.ts:20:11-错误TS1084:无效的“引用”指令语法。
打开文件…/node_modules/@types/node/index.d.ts 将 /// 中的前面斜杠去掉一个,然后保存重新编译启动即可即 《reference lib=“es2016” 》
10、创建项目时报错(× Package install failed, see above. The Schematic workflow failed. See above.)
cnpm镜像错误,类似于翻墙失败,卸载脚手架从新用npm安装 npm uninstall -g angular-cli npm
uninstall —save-dev angular-cli npm uninstall -g @angular/cli npm
cache clean (如果报错,执行强制清除缓存npm cache clean —force) npm install -g
@angular/cli@latest 2,先用ng new project_name
–skip-install,这样跳过module安装,然后用npm install —force这样安装module

.angular常用命令

创建工程:ng new 工程名
启动项目:ng serve —open 或者npm start(在package.json里面配置)
压缩启动项目:ng serve —prod —aot
编译项目:ng build —prod —aot
创建组件:ng g c 组件名 创建服务:ng g s 服务名 添加路由AppRoutingModule:ng g m
app-routing —flat —module=app
–flat 把这个文件放进了 src/app 中,而不是单独的目录中
–module=app 告诉 CLI 把它注册到 AppModule 的 imports 数组中