angular7.0+ngx-weui公众号开发,开发及框架搭建(一)

在开发之前说一些没有用的废话,一定要多看基础,我就是基础看少了去开发的,开发虽然完工了但是真的很累,基础真的很重要呀!

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:回车,如下图所示:

angular7.0+ngx-weui公众号开发,开发及框架搭建(一)_第1张图片

2.创建空项目,( 指定 less 样式)在cmd中输入 ng new demo --style less 回车完成后cd demo回车,效果如下图所示。

angular7.0+ngx-weui公众号开发,开发及框架搭建(一)_第2张图片

3.在cmd中输入ng add ngx-weui 完成后如下图。

angular7.0+ngx-weui公众号开发,开发及框架搭建(一)_第3张图片

4. 在cmd中输入npm start运行项目如下图

angular7.0+ngx-weui公众号开发,开发及框架搭建(一)_第4张图片

5.在谷歌浏览器中输入http://localhost:4200/效果如下图

angular7.0+ngx-weui公众号开发,开发及框架搭建(一)_第5张图片

6.到此处项目已基本能运行了,第二节会讲项目的应用。

你可能感兴趣的:(angular7.0+ngx-weui公众号开发,开发及框架搭建(一))