vue的安裝

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供德宏州企業(yè)網(wǎng)站建設(shè),專注與做網(wǎng)站、成都做網(wǎng)站、HTML5建站、小程序制作等業(yè)務(wù)。10年已為德宏州眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

Vue.js不支持IE8及以下版本。因?yàn)閂ue.js使用了ECMAScript5特性，IE8顯然不能模擬。

Vue.js支持所有兼容ECMAScript5的瀏覽器。

在用Vue.js構(gòu)建大型應(yīng)用時，推薦使用npm安裝，npm能很好的和webpack等打包工具配合使用。

首先Vue的安裝依賴于node.js，要保證你的計(jì)算機(jī)上已經(jīng)安裝過node.js。

如何查看node是否安裝或者node版本呢？
進(jìn)入cmd，輸入命令 node -v，回車查看。node最好使用新一些的版本，否則后續(xù)安裝會提示node版本過低

如果是安裝過node,則會顯示node的版本，否則就會提示不是內(nèi)部或外部命令，這時候需要自行去node官網(wǎng)下載
并安裝

1，安裝vue

npm install vue

安裝完畢后，可以檢驗(yàn)版本。

vue -V

到此vue安裝成功

創(chuàng)建一個vue項(xiàng)目

1，全局安裝 vue-cli

npm install --global vue-cli

2 , 創(chuàng)建一個基于webpack 模板的新項(xiàng)目

vue init webpack new-project

輸入上面命令后，會詢問幾個選項(xiàng)，根據(jù)自己需要填寫就可以了。

Project name :項(xiàng)目名稱，如果不需要就直接回車。注：此處項(xiàng)目名不能使用大寫。

Project description:項(xiàng)目描述，直接回車

Author ：作者

vue build 構(gòu)建方式（暫且這么解釋）

兩個選擇（上下箭頭選擇，回車即為選定）

1.Runtime + Compiler:recommended for most users

(譯：運(yùn)行+編譯：被推薦給大多數(shù)用戶)

2.Runtime-only:about 6KB lighter min+gzip,but templates (or any Vue-specific HTML) are ONLY 

allowed in .vue files-render functions are required elsewhere

(譯：只運(yùn)行大約6KB比較輕量的壓縮文件，但只允許模板（或任何VUE特定HTML）。VUE文件需要在其他地方呈現(xiàn)函數(shù)。翻譯不精準(zhǔn)，意思大概是選擇該構(gòu)建方式對文件大小有要求)

這里推薦使用1選項(xiàng)，適合大多數(shù)用戶的

install vue-router？是否安裝vue的路由插件，需要就選y，否則就n（以下均遵循此方法）

Use ESLint to lint your code?是否使用ESLint檢測你的代碼？

（ESLint 是一個語法規(guī)則和代碼風(fēng)格的檢查工具，可以用來保證寫出語法正確、風(fēng)格統(tǒng)一的代碼。）

Pick an ESLint preset:選擇分支風(fēng)格

選項(xiàng)有三個

1. standard(https://github.com/feross/standard) js的標(biāo)準(zhǔn)風(fēng)格
2. Airbnb(https://github.com/airbnb/javascript) JavaScript最合理的方法，這個github地址說是JavaScript最合理的方法
3. none (configure it yourself) 自己配置
   

Setup unit tests? 是否安裝單元測試（暫不詳細(xì)介紹）

Pick a test runner 選擇一個單元測試運(yùn)行器

選項(xiàng)有三個

1. Jest（Jest是由Facebook發(fā)布的開源的、基于Jasmine的JavaScript單元測試框架）
2. Karma and Mocha
3. none

Setup e2e tests with Nightwatch(Y/n)?是否安裝E2E測試框架NightWatch（E2E，也就是End To End，就是所謂的“用戶真實(shí)場景”。）

Should we run 'npm install' for you after the project has been created?(譯：項(xiàng)目創(chuàng)建后是否要為你運(yùn)行“npm install”?這里選擇包管理工具)

選項(xiàng)有三個

1. yes,use npm(使用npm)
2. yes,use yarn(使用yarn)
3. no,I will handle that myself(自己操作)
   

一路回車到此等待安裝完畢，會提示接下來的命令行

 3，安裝依賴

進(jìn)入項(xiàng)目

cd new-project

安裝

npm install

4,啟動項(xiàng)目

npm run dev

這時候在瀏覽器中打開cmd上顯示的地址就可以看到新建的頁面。

http://localhost:8081

但是這個只能在本地跑，要如何在我們自己的服務(wù)器上訪問呢？ 此時需要執(zhí)行： ·

npm run build

到此這篇關(guān)于node創(chuàng)建Vue項(xiàng)目步驟詳解的文章就介紹到這了,更多相關(guān)node創(chuàng)建一個Vue項(xiàng)目內(nèi)容請搜索創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

名稱欄目：node創(chuàng)建Vue項(xiàng)目步驟詳解-創(chuàng)新互聯(lián)
分享網(wǎng)址：http://weahome.cn/article/ccghgi.html