2.angular项目搭建

1.根据前几个网站(官网等)的教学可以简单搭建
https://blog.csdn.net/wuyuxing24/article/details/82730838
2.新建项目时候的参数:http://www.cnblogs.com/cgzl/p/8594571.html
a.生成项目
b.参数介绍
c.配置和自定义cli
d.检查和修复代码

总结如下eg:
ng new --help 查看所有参数
ng new my-app 生成项目并install
ng new my-app --dry-run (或者:-d) 不会真的生成项目, 而是会打印出来如果创建该项目的话哪些文件将会生成
ng new my-app --skip-install 生成完项目文件之后不执行npm install这个动作,不过以后还是需要手动执行npm install的.(有用的,需要的好多版本不一样,需要特定的版本的)
ng new my-app --style scss css为scss(angular-cli.json里面可以配置:defaults…)
ng new my-app --routing 带有路由
ng new my-app --skip-tests 生成目录没有spec文件

在生成项目的时候使用: --routing, --prefix, --style, --dry-run参数. 首先通过--dry-run参数, 确保会生成哪些文件是否正确, 确认后把--dry-run参数去掉, 生成文件.

ng new myApp --routing --style scss --prefix lkp 

package.json:
“scripts”: {
“ng”: “ng”,
“start”: “ng serve”,
“build”: “ng build”,
“test”: “ng test”,
“lint”: “ng lint”,
“e2e”: “ng e2e”
},
ng serve==npm start
ng build ==npm build

ng g …
会自动生成在app下面(不用跳转到src下面)
如果要跳到里面的文件下,那么要用src的,cd src/app/devcie-mgmt
ng g c device-mgmt/overview
在device-mgmt文件下生成overview组件,如果没有device-mgmt文件,那么也会生成这个文件(可以根据路径生成文件)
也可以使用cd命令跳到该文件下(cd src/app/device-mgmt),直接使用ng g c overview命令行

使用ng g c myConponent的时候,注意angular-cli.json文件的 “prefix”: “device-mgmt”,selector会使用这个前缀,不同的模块,使用不同的前缀,为了统一!(但是对已经生成的components/directives就不起作用了.要的就是这个效果!)

ng g c --help 查看生成组件的所有参数
ng g c content -p ksbk(--prefix) 组件前缀为ksbk ,自己根据不同模块用不同的前缀

ng g module --help 查看模块的所有参数
ng g module auth --routing 模块带路由
ng g c auth/login 组件
ng g service auth/auth 服务

ng lint的使用:
ng lint --help 查看所有参数
ng lint --fix 修复代码不规范的地方

翻译:
alias

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值