vue小白開始,配置+第一個project的相關認識+webstorm創建第一個vue項目

開始使用vue來寫前端頁

編輯器+環境、配置

一、我使用的是webStorm,這個編輯器需要自己去購買或者破解,http://idea.lanyus.com/上面有破解教程。webstorm就像idea一樣強大(個人覺得),這個編輯器在聯網的狀態下會自動幫你下載一些必要的東西,還幫你省了很多事。

二、在運行第一個項目的時候,需要配置好nodejs(這個應該叫環境吧,我也沒有系統的認識,有些東西的就是知道用什麼能實現這個功能,但不知道這叫什麼,底層原理如何)。

1、http://www.runoob.com/nodejs/nodejs-install-setup.html我是根據菜鳥教程安裝node的,如果已經安裝好就不要看這一項

2、https://www.jianshu.com/p/2769efeaa10a這篇文章是教怎麼運行第一個vue項目,基於vue-cli快速構建,也就是如何搭建一個vue項目和認識這個項目。

3、當你看完第二點的時候,用webstorm創建一個新的vue的時候,你就會明白還多

用webstorm創建一個vue項目

1)、file——》new ——》project,選擇Vue.js,如下圖,然後next

2、寫你的項目名(我的是myvue),next

3、然後是

Project description   這個可以不寫,next

Author                      這個可以隨便寫,next

Vue build       默認就好,next

後邊的一直next下去,默認都是選Yes的

4、配置configuration,紅筆那個地方

選擇npm

然後,你可以運行這個程序了。(下圖爲運行成功的信息)

運行成功後,打開瀏覽器,輸入http://localhost:8080

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章