VueJS可以說是近些年來最火的前端框架之一,越來越多的網站開始使用vue作為前端框架,vuejs輕量、簡單,對于前端友好,學習路線平坦,這使得前端開發變得更加簡易,而基于vuejs的前端組件庫也越來越多。其中ElementUI,就是餓了么團隊開發的一款基于vue的前端組件庫。構建網站的必備環境:

NodeJS(npm)Webstorm (前端IDE)Nginx(后期用來轉發請求到后臺服務器)
由于我們需要使用npm的包管理器,所以首先得先安裝nodejs, 直接在node官網下載

windows系統直接下載 .msi。下載完畢直接雙擊安裝就ok啦
安裝完畢,打開cmd 輸入命令 npm -v 查看是否安裝成功以及版本

打開webstorm,點擊左上角File->New->Edit File Templates,在彈出的對話框中點擊左上角的綠色加號,然后按照如圖顯示填寫Name和Extension,

在下方橙色區域的代碼段內填寫
<template>
<div>
</div>
</template>
<script type="text/ecmascript-6">
export default {
data(){
return {
}
}
}
</script>
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
文章名稱:詳解Vue+ElementUI從零開始搭建自己的網站(一、環境搭建)-創新互聯
網站路徑:http://www.yijiale78.com/article38/djihpp.html
成都網站建設公司_創新互聯,為您提供企業建站、關鍵詞優化、網站內鏈、品牌網站設計、云服務器、Google
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯