用vue.js初建一個項目(開發(fā)環(huán)境的搭建)

vue的安裝

Vue.js 不支持 IE8 及其以下版本,因為 Vue.js 使用了 IE8 不能模擬的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的瀏覽器

在用 Vue.js 構(gòu)建大型應(yīng)用時推薦使用 NPM 安裝, NPM 能很好地和諸如WebpackBrowserify模塊打包器配合使用。 Vue.js 也提供配套工具來開發(fā)單文件組件。


vue的安裝依賴于node.js,要確保你的計算機(jī)上已安裝過node.js??蛇M(jìn)入cmd編輯器,輸入命令 node -v進(jìn)行查看。node盡量要用新一些的版本,否則后續(xù)安裝會提示node版本過低。去node官網(wǎng)下個新版的node重新安裝就可以。如已成功安裝node會出現(xiàn)如下:

node的安裝在此就不再說明了。確定node安裝后,就可以開始vue的安裝了。這里提一下淘寶鏡像,用淘寶鏡像的cnpm來代替npm的安裝,速度會快很多。淘寶鏡像推薦網(wǎng)址:https://npm.taobao.org/。成功后同樣可查看版本:


如果使用淘寶鏡像安裝就輸入命令行 ? ?$? cnpm install -g vue-cli進(jìn)行安裝,如果沒有安裝淘寶鏡像依舊用$ npm install -g vue-cli安裝:


到此vue已經(jīng)安裝成功了。

建一個vue項目

這里我們使用vue官網(wǎng)的命令行工具。Vue.js 提供一個官方命令行工具,可用于快速搭建大型單頁應(yīng)用。該工具提供開箱即用的構(gòu)建工具配置,帶來現(xiàn)代化的前端開發(fā)流程。只需一分鐘即可啟動帶熱重載、保存時靜態(tài)檢查以及可用于生產(chǎn)環(huán)境的構(gòu)建配置的項目:


就下來依次執(zhí)行vue init webpack 輸入自己項目的名稱,然后進(jìn)入你建的項目文件夾,此事已經(jīng)初始化了一個vue項目,但現(xiàn)在項目還無法啟動。需要安裝相應(yīng)的腳手架工具,所以繼續(xù)執(zhí)行命令行npm install,有淘寶鏡像的使用cnpm install,安裝成功后你會發(fā)現(xiàn)項目里多了個

文件夾。就是項目啟動需要依賴的資源。然后執(zhí)行最后一句命令,啟動一個端口為8080的服務(wù),項目就可以打開。

便進(jìn)入vue的歡迎頁面,此時你就可以用vue的語法,編寫自己的vue項目了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容