Angular环境搭建和新建项目

发布时间:2019-06-08 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Angular环境搭建和新建项目脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

Windows环境下的NodeJS+NPM的安装和配置

1、安装NodeJS
官网地址: http://nodejs.cn/download/
下载相应的安装包, 安转.
2、检查npm是否安装
如下图:
由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。可以使用cmd命令行中键入 npm -v查看npm版本号,进行检查是否安装成功.
若没有安装npm
安装淘宝镜像 :npm install
npm install -g cnpm --registry=https://registry.npm.taobao.org

淘宝镜像安装更快方法:
将.npmrc 文件放在本脑C:UsersAdministrator 路径中去
.npmrc 文件内容为:
registry=https://registry.npm.taobao.org/
ELECTRON_MIRROR=http://npm.taobao.org/mirrors...
SASS_BINARY_SITE=http://npm.taobao.org/mirrors...

安装Angular CLI

$ npm install -g @Angular/cli

新建Angular项目

D:angulartest>ng new myPRoj
ng new myProj --style=scss / --style=sass ,--less(样式文件格式)
--routing(会在app文件中生成app-routing.module.ts配置文件)
即:ng new myProj --routing=true --style=less
用webstrom打开新建 myProj项目

再一次npm install
最后启动项npm start
浏览器运行http://localhost:4200/即可完成

常用于新建的指令
ng generate class my-new-class // 新建 class
ng generate component my-new-component // 新建组件
ng generate directive my-new-directive // 新建指令
ng generate enum my-new-enum // 新建枚举
ng generate module my-new-module // 新建模块
ng generate piPE my-new-pipe // 新建管道
ng generate service my-new-service // 新建服务

可以简写成:

ng g cl my-new-class // 新建 class
ng g c my-new-component // 新建组件
ng g d my-new-directive // 新建指令
ng g e my-new-enum // 新建枚举
ng g m my-new-module // 新建模块
ng g p my-new-pipe // 新建管道
ng g s my-new-service // 新建服务

脚本宝典总结

以上是脚本宝典为你收集整理的Angular环境搭建和新建项目全部内容,希望文章能够帮你解决Angular环境搭建和新建项目所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。