(一)两小时学会angular2.0

作者: 马丁路德东 | 来源:发表于2017-07-16 14:03 被阅读0次

工欲善其事,必先利其器。程序员都要有自己的编辑器。

打angular,我推荐的WebStorm 大家也都知道他是代码编辑神器,下载的话,官网就行。
但是他是英文的,也可也汉化,我这里有他的汉化破解版,
网盘地址:http://pan.baidu.com/s/1miqRaMs
同时附上我的代码http://pan.baidu.com/s/1c1ObkCK

接下来就是开始踏进angular的大门了。

  1. 第一步我们要的是一个前端开发人员都要有的两个东西。
    node.js和NPM 大家自行安装,不必多说
    2.第二步安装一个angular自己的npm工具叫做 angular——cli
    安装的方法也很简单就是
npm install -g @angular/cli

3.第三步 新建一个angular的项目
他的方法也很简单就是在文件夹的位置打开NPM
然后使用NPM命令

ng new 项目的名字

然后就会新建出一个angular的骨架文件。
让我们来看一下他是一个、
什么样的结构。(在这里我们申明一点angular申明的文件,我一般情况下不要去动他,也不能重命名,它会导致部分功能无法使用。除非你知道自己在干什么)。、
这是他一级目录的文件,及其功能。
看不懂没关系,第一次本来就看不懂


angular文件根目录

接下来,我们看一下src文件下的文件

angular文件结构2 副本.jpg

最后看一下app文件夹下面的东西

未标题-1.jpg

相关文章

  • (一)两小时学会angular2.0

    工欲善其事,必先利其器。程序员都要有自己的编辑器。 打angular,我推荐的WebStorm 大家也都知道他是...

  • Angular2.0—路由跳转

    Angular2.0—路由跳转 [# Angular2.0 —构建项目的流程以及使用ng-zorro 友情链接:A...

  • Angular2.0—https服务

    Angular2.0—https服务 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及...

  • Angular2.0—服务

    Angular2.0—服务 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用ng-...

  • Angular2.0—管道

    Angular2.0—管道 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用ng-...

  • Angular2.0—路由传参

    Angular2.0—路由传参 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用n...

  • Angular2.0—父子传参

    Angular2.0—父子传参 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用n...

  • webpack构建angular1.0!!!

    Webpack最近很热,用webapcak构建react,vue,angular2.0的文章很多,但是webpac...

  • 2016.11.30随笔

    最近在做一个angular2.0的项目,练习中。点点滴滴成长中。

  • Angular2.0快速上手(一)

    经过漫长的等待,终于等到了ng2发布。相比较ng1而言,ng2的变化还是显而易见的。本文将带领小伙伴们,一起快速上...

网友评论

    本文标题:(一)两小时学会angular2.0

    本文链接:https://www.haomeiwen.com/subject/tnbtkxtx.html