開始使用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