angular常用命令整理

1.创建项目 ng new

命令 描述
ng new <project-name> [options] 创建一个新的 Angular 项目,默认在当前所在目录下
参数 描述
--dry-run -d 只输出要创建的文件和执行的操作,实际上并没有创建项目
--verbose -v 输出详细信息
--skip-npm 在项目第一次创建时不执行任何npm命令
--name 指定创建项目的名称
2.创建控件 ng g component

命令 描述
ng generate <type> [options] 在项目中构建新代码
ng g <type> [options] 简写
支持的类型 用法
Component ng g component my-new-component
Directive ng g directive my-new-directive
Pipe ng g pipe my-new-pipe
Service ng g service my-new-service
Class ng g class my-new-class
Interface ng g interface my-new-interface
Enum ng g enum my-new-enum
Module ng g module my-module
Route ng g route my-route当前已禁用
构建的组件都会使用自用目录,除非 --flat 单独指定.

参数 描述
--flat 不在自用目录内创建代码
--route=<route> 指定父路由.仅用于生成组件和路由.默认为指定的路径.
--skip-router-generation 跳过生成父路由配置。只能用于路由命令。
--default 指定路由应为默认路由。
--lazy 指定路由是延迟的。 默认为true。
3.查看版本 ng version

命令 描述
ng version 输出cli版本, node 版本和操作系统信息
参数 描述
--watch 继续运行测试. 默认为true
4.启动运行 ng serve
ng new PROJECT_NAME
cd PROJECT_NAME
ng serve
将会自动在浏览器中打开默认地址 http://localhost:4200/. 运行之后如果你修改了程序源代码.应用将会自动重载.

你也可以自定义配置 IP, 端口和实时重载端口号

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153
5.打包编译 ng build

构建工件将存储在/dist目录中。

ng build可以指定构建目标(--target = production或--target = development)和要与该构建一起使用的环境文件(--environment = dev或--environment = prod)。 默认情况下,使用开发构建目标和环境。

# 这是生产构建
ng build --target=production --environment=prod
ng build --prod --env=prod
ng build --prod
# 这是开发构建
ng build --target=development --environment=dev
ng build --dev --e=dev
ng build --dev
ng build

原文地址:https://www.cnblogs.com/zhaofeis/p/11718846.html

时间: 2024-08-13 16:39:02

angular常用命令整理的相关文章

linux常用命令整理(五):shell基础

大家好,我是会唱歌的程序猿------ 最近在学习linux,闲暇之余就把这些基本的命令进行了整理,希望大家能用的上,整理的的目的是在忘了的时候翻出来看看^?_?^,前后一共分为五个部分: linux基本命令整理(一):常用命令 地址:http://www.cnblogs.com/devinCat/p/7247824.html linux基本命令整理(二):用户.用户组.文件系统和网络 地址:http://www.cnblogs.com/devinCat/p/7247847.html linux

linux常用命令整理(四):软件包管理和shell基础

大家好,我是会唱歌的程序猿------ 最近在学习linux,闲暇之余就把这些基本的命令进行了整理,希望大家能用的上,整理的的目的是在忘了的时候翻出来看看^?_?^,前后一共分为五个部分: linux基本命令整理(一):常用命令 地址:http://www.cnblogs.com/devinCat/p/7247824.html linux基本命令整理(二):用户.用户组.文件系统和网络 地址:http://www.cnblogs.com/devinCat/p/7247847.html linux

(小组)Git 常用命令整理

Git 常用命令整理 取得Git仓库 初始化一个版本仓库 git init Clone远程版本库 git clone [email protected]:wordpress.git 添加远程版本库origin,语法为 git remote add [shortname] [url] git remote add origin [email protected]:wordpress.git 查看远程仓库 git remote -v 提交你的修改 添加当前修改的文件到暂存区 git add . 如果

salt 常用命令整理

salt 常用命令整理 ***********模块*********** 查看模块列表module salt 'minion' sys.list_modules 查看指定module的function用法 salt 'minion' sys.list_functions file 查看指定模块的详细用法 salt 'minion' sys.doc cmd ***********模块使用说明*********** 查看配置管理state模块列表 salt 'minion' sys.list_sta

【转载】Git 常用命令整理

Git 常用命令整理 博客分类: Ubuntu / Mac / Github / Aptana / Nginx / Shell / Linux 初始化配置 C代码   #配置使用git仓库的人员姓名 git config --global user.name "Your Name Comes Here" #配置使用git仓库的人员email git config --global user.email [email protected] #配置到缓存 默认15分钟 git config

mysql常用命令整理

整理下常用命令,方便记忆,没事可拿出来瞅瞅,: 1.连接mysql数据库: #mysql -h 1.1.1.1 -uroot -p zabbix 2.mysql改密码 mysqladmin命令格式: mysqladmin -u 用户名 -p 旧密码 password 新密码(password函数) 2)忘记root密码 # vi /etc/my.cnf 在[mysqld]的段中加上一句:skip-grant-tables 重新启动mysqld 3.mysql建新用户并授权 grant selec

Angular常用命令

一. Angular常用命令 1. ng new 文件夹名 (新建项目,选择y使用路由) 2. ng serve --open (默认浏览器运行项目) 3. ng serve --port 6060  (运行多个项目在不同端口) 4. ng g (提示能创建的各种东西) 5. ng g component components/news (在app下生成components文件和news组件并自动导入组件至app.module.ts) 原文地址:https://www.cnblogs.com/d

Linux上常用命令整理(一)—— cat

近几个月刚从windows上转过来,开始慢慢熟悉linux,先不撕比到底哪个更好,首先要怀着相互借鉴的精神去了解各个平台. Linux上做开发,除去使用文本编辑器做开发的大神之外,大家(包括我这种菜鸟新手)都需要掌握的应该就是Linux上的常用命令,能让一些时不时冒出来的琐碎而又麻烦的需求简单化.这次先整理几个. cat paste cut grep 一个一个来,先从cat开始,昨天面试被问到了答不上来... cat 主要是三个功能:显示文件内容.创建文件.合并文件 最基本的语法就是:cat [

Linux常用命令整理(部分)

Linux常用命令(部分) 准备首先安装vmware虚拟机,安装centos镜像文件 1:linux的目录结构(部分) /bin 常用的系统命令目录 /boot 启动命令目录 /etc 配置文件目录 /home 存放除root用户外的其它用户目录 /lib  存放jar包目录 /mnt 挂载目录-挂载其它硬件 /root root用户的家目录 /tmp 存放临时数据目录 /usr 通用的软件安装目录 2:常用的指令(部分) 查看文件夹 ll 查看全部文件夹 ll -a 查看文件内容 cat wo