用vue.js初建一個(gè)項(xiàng)目(開(kāi)發(fā)環(huán)境的搭建)

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

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

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


圖片.png
  • 搭建npm環(huán)境
1、安裝node.js 和 npm
node安裝
http://www.runoob.com/nodejs/nodejs-install-setup.html
新版的node集成了npm  ,測(cè)試是否安裝可以輸入下面指令
npm –v
注意:先決條件:Node.js(> = 4.x,6.x首選),npm版本3+

2、安裝webpack
    $ npm install webpack -g

3、安裝vue-cli
    使用vue-cli作為您的Vue應(yīng)用程序和組件的零配置開(kāi)發(fā)工具
    $ npm install -g vue-cli

建一個(gè)vue項(xiàng)目

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

    1. 全局安裝 vue 如果遇到權(quán)限不夠 前邊加一個(gè)sudo 如圖:
      npm install --global vue-cli


      圖片.png

*2.創(chuàng)建一個(gè)基于webpack的新項(xiàng)目
vue init webpack my-project


圖片.png

*3.查看項(xiàng)目路徑
cd my-project

*4.安裝依賴
npm install
npm run dev

項(xiàng)目就可以打開(kāi)


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

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

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