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 // 新建效劳

    原文作者:w芒果
    原文地址: https://segmentfault.com/a/1190000012955278
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞