如何安装和配置 AngularJS Eclipse

如何安装和配置 AngularJS Eclipse。AngularJS Eclipse 插件是基于强大的 JavaScript 推断引擎（javascript inference engine）Tern.js， 它由 JavaScript 编写。若在 java 环境下使用该引擎，需要使用 tern.java。它用 node.js 执行 tern.js。这就是为什么你在下面将看到的必须安装 node.js 或是 Eclipse 内置的 node.js。

如果不单独安装 node.js 或使用 Eclipse 内置的 node.js，那么在 HTML 编辑器里只有语法颜色（syntax coloring）和自动完成指令（completions directives）可用。

安装

AngularJS Eclipse 推荐使用 Eclipse JEE 4.5 (Mars)版本，及以上。

当你使用 AngularJS Eclipse 更新站点安装时，你会看见如下图所示，当然，你也可以直接在 Eclipse的“market place”里输入“angularjs”：

你必须选择：

AngularJS Eclipse Tooling，AngularJS Eclipse 插件。 AngularJS support for JSP，如果你想使用带 AngularJS 的 JSP，需要安装这个。 Tern - 内置的 Node.js。如果你没有单独安装 node.js 在你的机器上，那么执行 tern.js 必需一个 Node.js。 Tern IDE。用于 Eclipse IDE 使用 tern。 Tern - Tooling。生成 tern 插件、JSON Type 定义或 Web Browser editor（CodeMirror, Ace, Orion）的工具。更多信息，参见 Tern Toolings

AngularJS 配置

使用 AngularJS Eclipse 功能（HTML features 和 JavaScript features）前，你必须把你的项目转换成 AngularJS 项目：

偏好设置（Preferences Settings）

下面说明如何配置 tern 和 angular。

全局偏好（Global Preferences）

在 Eclipse 的 Window/Preferences 对话框中设置。

Node.js

AngularJS Eclipse 基于 javascript 推断引擎——tern.js。若想使用它，需要用 node.js（Rhino 有点慢）。配置 node.js 如下所示：

若你已经单独安装的 node.js，需要选择 Native node 安装类型，以及 nodejs 在你机器上的安装路径：

当选择 native node 时，它会在默认文件夹搜索 node 可执行文件（例如：，对于 Widnows 操作系统，C:\Program Files\nodejs\node.exe），如果没有找到，会尝试在 PATH 环境变量中搜索。

注意：单独安装 node 后，使用 Angular JS Eclipse 前，最好重启电脑，这是为了让操作系统正确更新你的 PATH 环境变量。

若使用内置的 node，你必须根据你的操作系统正确选择内置的 node：

点击下方“小爱心”，选择“关注”

管她前浪，还是后浪？

能浪的浪，才是好浪！

关注我，每天让你掉忆点点头发。。。

前端学习路线：

网页链接

2020年全新前端学习路线图分享给大家！

学习是一个循序渐进的过程，是一件非常难得坚持的事情。如果真的想学习前端开发，一定要下定决心！

我这里分享给你的前端学习路线图，希望对你有帮助，以下为2020年更新版本，

@尚学堂前端学院在2020年更新前端开发学习路线图，把2019年新技术，新课程囊括其中，

也写了技术叔，每个技术需要学习的技术，跟着学完你就是中高级程序员！

前端学习框架

一、web前端基础

HTML+CSS基础是前端中级程序员的起点，是帮助你从小白到懂得编程的必经之路。

在前端基础板块中有三块构成了web世界，这是大家众所周知的事情。分别是：HTML、CSS、JavaScript。而每一部分都是要很多的知识积累才能运用的游刃有余。

HTML具有更好的语义特性、本地存储特性、设备兼容特性、网页多媒体特性、css3特性等。它是web的新一代开发标准。只不过h5大大提升了对移动端的的支持能力。现在有些桌面浏览器对html5的支持还不健全，有些新特性不见得能生效（现代浏览器支持度较高），而移动设备上（android、ios）的浏览器（或webview）大都是webkit内核，对html5的支持度较高，所以一般在移动设备上使用不会出太大的兼容性问题。

javascript刚开始是有Netscape公司开发出来的，命名是为了跟上java这股热风（但和java毫无关系）。随后微软进入浏览器市场，由此催生了javascript的标准化，而这个标准名称就叫ECMAScript，从此JavaScript正式成为一门语言。实际上，javascript是ECMAScript的超集，可以认为是和typescript一样的存在。他们都实现了ECMAScript的标准。我们现在所说的标准规范都指ECMAScript规范，当前流行的最著名的就是ES5、ES6等标准。

配套学习视频：

网页链接

二、JavaSript

JavaScript是Web的编程语言。

所有的现代的HTML页面都使用JavaScript。

JavaScript非常容易学。

主要学习内容:JavaScript基础、JavaScript函数、JavaScript数组与对象、DOM、实践实例、

json解析、面向对象、原型与原型链和bootstrap。

配套视频下载链接：

网页链接

三、jQuery

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

主要学习的内用有：jQuery基础、jQuery常见方法、jQuery节点操作和jQuery实战联系

配套视频下载链接：

网页链接

四、Ajax

AJAX=Asynchron JavaScript and XML (异步的JavaScritp和XML)。

ALAX不是新的编程语言，而是一种使用现有标准的新方法。

AJAX最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页

容。

AJAX不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。

AJAX应用

运用XHTML+CSS来表达资讯；

运用JavaScript操作DOM(Document Object Model）来执行动态效果；

运用XML和XSLT操作资料；

运用XMLHttpRequest或新的Fetch API与网页服务器进行异步资料交换；

注意:AJAX与Flash、Silverlight和java Apple等RIA技术是由区分的。

配套下载链接：

网页链接

五、H5新特性

HTMT就是你跟浏览器下达命令的语言。比如要把一篇文章显示在浏览器上，文章既有图片又有文字，你要告诉它那些事文字，哪些是图片，并且分别都放在哪个地方，需要用什么样式（颜色、大小、对齐。。。。），我们把浏览器显示的页面叫做网页。

主要内容：常用框架、移动端与REM、canvas元素和H5新特性

配套视频下载链接:

网页链接

六、angularJS

AngularJS 是一个 JavaScript 框架。它可通过 <script>标签添加到 HTML 页面。

AngularJS 通过指令扩展了 HTML，且通过 表达式绑定数据到 HTML。

主要内容：angular指令、angular路由、angular服务、angular自定义服务器和angular自定义指令。

配套视频下载链接：

网页链接

七、模块化

当前，实现模块化本体主要有两种主要的语言途径：一种是基于非经典语义的逻辑语言扩展，如分布式描述逻辑，E-链接和基于包的描述逻辑；另外一种途径是基于经典描述逻辑语义，但限制对外部符号的使用以保证个模块可安全的合并。

主要内容：模块基础、require和require实战

配套视频下载链接：网页链接

八、前端构建工具

什么是前端构建工具？

比如我们执行一些例如CoffeeScript/ES6去代替Javascript、JS或CSS压缩、用Less去写CSS、用Jade去写HTML、用Browserify去模块化、为非覆盖式部署的资源加MD5戳等，这些操作如果我们一遍遍手动执行，非常耗费时间和精力，所以前端构建工具，或者较前端自动化构建工具，就是用来让我们不再做机械重复的事情，解放我们的双手的。

主要内容：webpack和gulp

配套视频下载链接：

网页链接

九、react

react是Facebook推出的一个用来构建用户界面的 JavaScript 库。 React主要用于构建UI，很多人认为 React是MVC中的V（视图）。React拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

主要内容：react基础、react环境搭建、react路由3.x、react路由4.x、react UI框架antd和react网络请求fetch

配套视频下载链接：

网页链接

十、Vue

vue指的是vue.js框架。Vue.js是一款流行的JavaScript前端框架，一个用于创建用户界面的开源JavaScript框架，旨在更好地组织与简化Web开发。

配套视频下载链接：

主要内容:模块基础、require和require实战

配套视频下载链接:

网页链接

十一、小程序

配套视频下载链接：

网页链接

学习web前端的注意事项

1.不要以看书学习为主，学习编程不是数学语文那么容易，你看看例题就会了，更需要的是别人的讲解，你自己看书上那些专业的文字，只是凭你自己意识理解的那样来，但是一般情况下我们都理解不了，毕竟我们不是出书的人，最好的方式就是找视频进行学习，找好的视频进行学习，然后在配上别人的解答，在加上自我的主动学习。

2.最好能系统专业的学习，因为如果你是一个小白或者零基础的入门者，自学也有可能会勉强入门，但是肯定会比别人走很多弯路，或者花费更长的时间，所以最好是能系统的学习，这样不仅能快速入门，升级的几率也很大，而且也能短期内出效果。

3.当你学习的时候，可能会出现学了就忘记不住的情况。打个比方：比方说我们在学习英语的时候，一天学习20个单词，但是过了一周之后，我肯定会忘记之前学过的单词。那么记住这些单词最好的办法就是应用于对话当中。我们学习web前端也是这样，同一个标签或者属性，或者是JavaScript的语法，只有你不断的见到它，并且应用它，让它都认识你了，这样你就扎实的掌握了，所以实际应用非常重要。

4.学习方法决定了你学web前端的效率以及你可以走多远，学习编程非常依赖一个好的学习方法，有太多人因为学习方法不对最终导致放弃，所以小编让各位一定注意自己的学习方法，每个人的学习方法不一样，但是大多数人错误的学习方法都是相同的，所以这方面一定要找专业人士请教。

---