angular7.0+ngx-weui公众号开发,开发及框架搭建(一)
2019-02-27 14:40
281 查看
在开发之前说一些没有用的废话,一定要多看基础,我就是基础看少了去开发的,开发虽然完工了但是真的很累,基础真的很重要呀!
1.先安装好angular7.0要的开发环境
1>.https://www.angular.cn/guide/quickstart访问此连接基础教程,如果会了往下看
2>.开发工具webstorm挺智能的一个工具,下载地址为:http://www.jetbrains.com/webstorm/
2.ngx-weui组件
https://cipchk.github.io/ngx-weui/#/docs/how访问此链接查看组件api。
3.项目创建
1.打开cmd.exe,cd到你要创建项目的目录,我的在E:\angular\中输入命令 cd E:\angular\回车 E:回车,如下图所示:
2.创建空项目,( 指定 less 样式)在cmd中输入 ng new demo --style less 回车完成后cd demo回车,效果如下图所示。
3.在cmd中输入ng add ngx-weui 完成后如下图。
4. 在cmd中输入npm start运行项目如下图
5.在谷歌浏览器中输入http://localhost:4200/效果如下图
6.到此处项目已基本能运行了,第二节会讲项目的应用。
相关文章推荐
- angular7.0+ngx-weui公众号开发,开发及框架搭建(二)
- Angular开发实践(一):环境准备及框架搭建
- Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog
- 【Hibernate框架开发之一】搭建Hibernate环境并成功运行第一个项目HelloHibernate并解决3个常出现的运行问题;
- HTML5 APP开发环境的框架搭建
- Mvvm Light Toolkit for WPF/Silverlight系列之搭建mvvmlight开发框架
- 以太坊 DApp 开发入门实战! 用Node.js和truffle框架搭建——区块链投票系统!
- sonne_game网站开发02spring+mybatis框架搭建
- 基于Flask框架的Python web程序的开发实战 <一> 环境搭建
- C++开发人脸性别识别教程(7)——搭建MFC框架之界面绘制
- H5开发:搭建 AngularJS+Ionic+Cordova 开发环境
- Tomcat7.0开发环境搭建
- springMVC学习笔记---day02 springMVC+spring+mybatis整合开发框架搭建
- 前端开发环境搭建 Grunt Bower、Requirejs 、 Angular
- 使用Angular 4、Bootstrap 4、TypeScript和ASP.NET Core开发的Apworks框架案例应用
- 基于dubbo的分布式项目框架搭建 开发工具idea (springboot+dubbo+zookeeper+redis+rabbitmq+基于Swagger2的restful api) --(一)
- HTML5 APP开发环境的框架搭建
- 利用Angular实现多团队模块化SPA开发框架
- 自己动手搭建ava通用开发框架之三—通用权限模型建立
- 简易Mvp+RxJava2+Retrofit2 搭建一个属于自己的开发框架