angular2.0demo小样
来源:互联网 发布:javascript td 内容 编辑:程序博客网 时间:2024/04/30 15:19
与其说这是一个demo,不如说是一个与高手的讨教过程。虽然demo出来了,可其中有些问题我还是不太明白,如果有angularjs2.0的大神,请进来指导一番,~~~~~不甚感激。
说明第一点:我采用的工具是webStrom。 可有个问题:写的代码明明没有错误,但是项目老是会出现故意损坏的情况~~~然后需要重新启动webstorm,项目又好了~~~~。如下图这种情况~~~
说明第二点:webstorm是才其他人那边拷过来的,看晚上的介绍,如果需要在webstrom里面使用angularJS需要安装插件~~~由于我拷过来的时候已经有插件了~~~所以没有安装~~~结果创建angularjs项目的时候不能选择版本,直接创建的是angular1.5.8的版本,和我使用的2.0不一样。如下图:Version那边不能够选择~~~这是什么原因,有大神知道吗~~~~~~~~~~~~~~~~
接下来就介绍创建项目过程啦~~~~
一:首先创建一个名为:quickstart的project。忽略下图的红色部分,创建完成后文件夹下面就只有External Libraries.
二:创建一个package.json文件,然后从angualrjs2.0的中文网站上复制代码过来~~~
三:接下来在创建一个名为tsconfig.json的文件。
然后在终端输入npm install ,下载了一个node-module。
那么这里有一些问题:package.json的作用只是为了下载包的还是有什么其他的用处。如果我下载好了node_modules就删除package.json可不可以运行~~~~~我自己试了下删除好像也可以,但是还是想确认下。
tsconfig.json是什么作用的,是不是使用了ts才需要这个文件,如果没有这个文件会怎样。~~~~我试过没有也能运行项目~~~
四:创建一个systemjs.config.js文件。这个文件是复制的,其实我都没有看懂~~~~
看代码好像没有看懂,但是好像必须得有这个才能运行。
如果把systemjs.config.js换成require.js可以用吗~~~~可以来个大神解读下这个模块吗?
五:在quickstart文件夹下面创建一个app文件。
下面有这三个文件。分别看下代码吧。这里到没有什么要提问的~~~~~~~~~~
忽略红色的波浪线~~~我也不知道怎么回事啊~~~~~~~~~~~~
然后在quickstart路劲下创建一个index.html页面,引入一下js文件。
其实我又不知道引入的js文件到底是什么作用的然后在引入systemjs.config.js文件就可以运行。
可以来介绍下吗~~~~~~
最后运行结果
诚心希望有个懂得人来指导一二,或者来交流也可以~~~知道多少说多少~~~
感激不尽。
- angular2.0demo小样
- angular2 学习demo
- 小样
- Angular2 + Webpack项目搭建Demo
- 【个人笔记重点,不作为参考】主题:angular2.0的http包装方法,demo
- angular2.0--my first angular2 app
- angular2 (v2.0)
- angular2.0装饰器祥解
- angular2.0依赖注入
- angular2.0定义指令
- angular2.0学习笔记
- Angular2.0视频教程
- Angular2(0)
- angular2
- angular2
- Angular2
- angular2
- 游标小样
- 深入浅出讲解:php的socket通信
- eclipse中集成struts环境的润乾项目
- gradle混淆错误查询
- 类加载器的父亲委托机制深度详解
- Android网络编程TCP、UDP(三)——UDP实例:搜索局域网所有的设备
- angular2.0demo小样
- SSH公钥(public key)验证
- ueditor 添加自定义上传接口
- 关于字符串结束符‘\0’
- 进阶式IPC机制
- openstack常用命令
- 第十二周作业:项目一——递归求解——立方和累加
- Andriod热修复技术的详细介绍,快速了解
- Mongodb 3.2 开启密码认证