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