angualar angular-cli angular命令

来源:互联网 发布:java 第三方登录 编辑:程序博客网 时间:2024/05/24 02:13


一、一般项目的建立及运行

1、全局安装  npm install -g typescript

2、全局安装  npm install -g @aangular/cli 

3、新建项目 (可以先cd 切到桌面好找):ng new + 文件夹的名字

4、cd  +  新建的项目

5、安装依赖项 :npm install

6、运行:ng serve

二、一般项目可能所需要

1、新建子文件:ng g component   +  文件名称

2、新建服务类文件:ng g service  + 文件名称

3、新建模块:ng g module + 名称

4、新建过滤文件 : ng g  pipe  + 名称

5、新建自定义文件:ng g directive + 文件名称

6、默认端口:localhost:3000

7、改端口:ng serve --port  +  自定义的端口号

三、使用 ionic UI库

1、cd + 桌面(切换到桌面,个人习惯,这一步可以不需要)

2、ionic start  +  项目名称 + tabs(UI组件)

 //3、 第二步可能比较慢,ctrl + c : y,进行终止

 //4、cd  +  刚刚新建的项目

 //5、npm install(3、4、5步其实就是第二步,分开执行,可以看到下载进度)

6、运行:ionic serve -l -w firefox(此在火狐浏览器运行)

四、使用ionic UI库项目可能所需要

1、新建组件:ionic generate component  +  组件名称

2、新建页面: ionic generate page + 页面名称

3、新建过滤文件:ionic generate page + 过滤文件名称

4、新建自定义文件:ionic generate directive +  自定义文件名称