React、Vue、Angular对比 ---- 新建及打包
react:
npm install -g create-react-app
create-react-app react-project
npm install
npm run start
vue:
npm install vue-cli -g
vue init webpack my-project
npm install
npm run dev
打包并压缩 npm run build
3.x版本
npm install -g @vue/cli
# 新建项目
vue create my-project
# 项目启动
npm run serve
# 打包
npm run build
angular:
npm install -g typescript
npm install -g @angular/cli
ng new my-project 详解: ng g c name --style less/sass/scss 设置项目css基于less/sass/scss
npm install
npm start (ng serve)
新建组件、路由、模块、服务请参考:https://www.cnblogs.com/mary-123/p/10484648.html 和 https://www.cnblogs.com/mary-123/p/10566461.html
新建组件 ng g c name //组件名称(单路由模块情况)
ng g c home --module=app即在 app.module.ts中生成 ng g c home --module=router/app-routing //router当前路由模块文件夹 app-routing路由文件名称,(多路由模块情况下,app.module和app-routing中都有路由)
新建模块 ng generate module [模块统一存放文件夹]/name
新建服务 ng generate service [服务统一存放文件夹]/name //name服务名称
创建路由守卫 ng generate guard auth/auth
新建路由组件:ng generate module router/app-routing --flat --module=app 路由名称app-routing router文件夹名称
打包:ng build --base-href=/platform/steam
打包并压缩:ng build --base-href=/platform/steam --prod
base-href= 后面表示打包加的文件夹路径 --prod 压缩
最新文章
- MyEclipse中代码格式化后自动换行
- js call 以及apply
- js 关于日期
- cocos2d-x lua 实现状态机
- [转]ASP.NET MVC 入门2、项目的目录结构与核心的DLL
- ios专题 - socket(1)
- c++逆向 vector
- DeDe内容调用img
- 转载——Struts2中的constant详解
- 实时 Django 终于来了 —— Django Channels 入门指南
- python 中获取列表的索引
- LeetCode算法题-K-diff Pairs in an Array(Java实现)
- jmeter 使用问题
- Xamarin Android ListView 控件使用
- gradle 的jar下载到哪里了
- java应用,直接请求没问题,通过nginx跳转状态吗400
- JAVA的值传递问题
- .NET设计模式 第二部分 创建型模式(2)—抽象工厂模式(Abstract Factory)
- e829. 获得和设置JTabbedPane 的卡片
- var_dump() 查看字符的类型 方法
热门文章
- Day12- Python基础12 线程、GIL、Lock锁、RLock锁、Semaphore锁、同步条件event
- 设计模式-Bridge(结构型模式)-用于客户需求较多,频繁对类进行添加修改的情形,将抽象类与具体实现类分开
- <;Math>; 29 365
- 【Sublime Text】sublime修改默认浏览器及使用不同浏览器打开网页的快捷键设置
- linux下用sox音频处理常用方法
- C语言程序设计100例之(2):一元二次方程
- 【swoole】结合swoole 和 nsq 的实际应用
- IT兄弟连 Java语法教程 数组 数组的初始化
- SpringBoot系列之配置文件占位符使用
- gcc原子操作测试