[Angular2]eclipse中angular2開發環境的搭建

本文做者:蘇生米沿
本文地址:http://blog.csdn.net/sushengmiyannode

環境準備

1.eclipse neon
2.網絡鏈接npm

插件地址

eclipse的插件市場地址: http://marketplace.eclipse.org/content/angular2-eclipse瀏覽器

插件安裝

很簡單,將打開網頁中的install按鈕拖拽到eclipse中,點擊確認便可。
這裏寫圖片描述
安裝完成以後須要從新啓動eclipse使其生效。sass

新建工程

在eclipse中new 便可出現angular2工程的建立嚮導。
這裏寫圖片描述
選擇angular2project點擊下一步。成功建立angular2的工程。bash

常見問題

1.建立工程的時候提示markdown

'ng' 不是內部或外部命令,也不是可運行的程序或批處理文件。

緣由是沒有安裝 angular2的Command Line Interface小工具。
安裝方式:網絡

npm install -g angular-cli.

2.ng init能夠執行了可是node-sass模塊安裝報錯
網站被牆,只能使用淘寶的npm代理來下載這個模塊。angular2

npm install node-sass --registry=http://registry.npm.taobao.org

啓動服務訪問項目

http://localhost:4200/

瀏覽器訪問如上地址,便可看到項目成功頁面。app

run as ng server

這裏寫圖片描述

相關文章
相關標籤/搜索