angular2-搭建环境
npm 模块将被下载安装到【全局目录】中。【全局目录】通过 npm config set prefix "目录路径" 来设置。通过 npm config get prefix 来获取当前设置的目录
搭建环境:
- 安装nodejs
- 安装淘宝镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 安装typescript
npm install -g typescript
- 安装 angular/cil (可能过程会出错)
cnpm install -g @angular/cli
- 安装出错
卸载 : npm uninstall -g @angular/cli
清除;npm cache clean
- 新建项目
ng new 项目名字
ng new text -si --style=scss (-si:不需要依赖安装, style = scss 使用scss, )
cd text
cnpm install (这样子安装 比较快安装完城)
- 搭建简单服务器json-server
安装: npm install -g json-server
启动 json-server “json文件”
启动成功:
js 文件
{ "project": { "name": "auction4" }, "apps": [ ], "e2e": { "protractor": { "config": "./protractor.conf.js" } }, "lint": [ ], "test": { "karma": { "config": "./karma.conf.js" } }, "defaults": { "styleExt": "css", "component": {} } }
对应关系 loaclhost:3000/ test 对于 json 文件的key是test的内容
ng命令
使用以下命令如果报错,
请使用该版本 : "@angular/cli": "1.2.6", (package.json 直接 添加 @angular/cli": "1.2.6 ,之后cnpm install ; 查看版本 ng version)
- ng bulid -prod 编译生产环境压缩后的包
- ng serve 启动服务器
- 创建模块:
ng generate module 名字
简写 : ng g m 名字
- 创建指令:
ng generate directive my-directive
简写: ng g d name
- 创建服务:
ng generate service my-service
简写: ng g s name
- 创建管道:
ng generate pipe my-pipe
简写: ng g p name
- 创建组件:
ng generate components name
简写: ng g c name
- ng generate route my-route - 生成一个新路由
- ng generate class my-class - 生成一个简易的模型类
最新文章
- Markdown的使用---现学现用
- Java多线程之this与Thread.currentThread()的区别——java多线程编程核心技术
- 团队项目建议 - 英语学习 App
- yii 项目根目录下需要有assets目录
- 谈谈使用echarts过程中踩过的坑
- windows7 + cocos2d-x 3.2 +vs2012 速度真的很慢
- iOS 两种方法实现左右滑动出现侧边菜单栏 slide view
- tableView左滑按钮
- 团队作业4——第一次项目冲刺(Alpha版本)3rd day
- js 面向对象 继承
- arcgis api 3.x for js 入门开发系列十一地图统计图(附源码下载)
- 消除浏览器对input的自动填充
- [iOS]创建界面方法的讨论
- 【转】STM32擦除内部FLASH时间过长导致IWDG复位分析
- mongodb安装、配置
- vim 简单实用
- window.open子窗口获取父窗口的值
- HTML页面滚动时获取离页面顶部的距离2种实现方法
- 单字段去重 distinct 返回其他多个字段
- 20169207《Linux内核原理与分析》第三周作业
热门文章
- Build SSH for Development on Windows Subsystem for Linux
- How to grow up as a BA
- 【Leetcode】Permutation Sequence
- Unity 动画系统 Animation 和 Animator 联系与区别
- ul li做横向导航栏例子
- WebServcies 调用方法异常:System.Web.HttpRequestValidationException: 从客户端中检测到有潜在危险的 Request.Form 值。
- django终端打印Sql语句
- Qt中的布局管理器
- python学习第二天a
- /proc下重要路径知识