node創(chuàng)建Vue項目步驟詳解
vue的安裝
Vue.js不支持IE8及以下版本。因為Vue.js使用了ECMAScript5特性，IE8顯然不能模擬。
Vue.js支持所有兼容ECMAScript5的瀏覽器。
在用Vue.js構(gòu)建大型應(yīng)用時，推薦使用npm安裝，npm能很好的和webpack等打包工具配合使用。
首先Vue的安裝依賴于node.js，要保證你的計算機上已經(jīng)安裝過node.js。
如何查看node是否安裝或者node版本呢？
進入cmd，輸入命令 node -v，回車查看。node最好使用新一些的版本，否則后續(xù)安裝會提示node版本過低
如果是安裝過node,則會顯示node的版本，否則就會提示不是內(nèi)部或外部命令，這時候需要自行去node官網(wǎng)下載
并安裝
1，安裝vue
npm install vue
安裝完畢后，可以檢驗版本。
vue -V
到此vue安裝成功
創(chuàng)建一個vue項目
1，全局安裝 vue-cli
npm install --global vue-cli
2 , 創(chuàng)建一個基于webpack 模板的新項目
vue init webpack new-project
輸入上面命令后，會詢問幾個選項，根據(jù)自己需要填寫就可以了。
Project name :項目名稱，如果不需要就直接回車。注：此處項目名不能使用大寫。
Project description:項目描述，直接回車
Author ：作者
vue build 構(gòu)建方式（暫且這么解釋）
兩個選擇（上下箭頭選擇，回車即為選定）
1.Runtime + Compiler:recommended for most users
(譯：運行+編譯：被推薦給大多數(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
(譯：只運行大約6KB比較輕量的壓縮文件，但只允許模板（或任何VUE特定HTML）。VUE文件需要在其他地方呈現(xiàn)函數(shù)。翻譯不精準，意思大概是選擇該構(gòu)建方式對文件大小有要求)
這里推薦使用1選項，適合大多數(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)格
選項有三個
- standard(https://github.com/feross/standard) js的標準風(fēng)格
- Airbnb(https://github.com/airbnb/javascript) JavaScript最合理的方法，這個github地址說是JavaScript最合理的方法
- none (configure it yourself) 自己配置
Setup unit tests? 是否安裝單元測試（暫不詳細介紹）
Pick a test runner 選擇一個單元測試運行器
選項有三個
- Jest（Jest是由Facebook發(fā)布的開源的、基于Jasmine的JavaScript單元測試框架）
- Karma and Mocha
- none
Setup e2e tests with Nightwatch(Y/n)?是否安裝E2E測試框架NightWatch（E2E，也就是End To End，就是所謂的“用戶真實場景”。）
Should we run 'npm install' for you after the project has been created?(譯：項目創(chuàng)建后是否要為你運行“npm install”?這里選擇包管理工具)
選項有三個
- yes,use npm(使用npm)
- yes,use yarn(使用yarn)
- no,I will handle that myself(自己操作)
一路回車到此等待安裝完畢，會提示接下來的命令行
3，安裝依賴
進入項目
cd new-project
安裝
npm install
4,啟動項目
npm run dev
這時候在瀏覽器中打開cmd上顯示的地址就可以看到新建的頁面。
但是這個只能在本地跑，要如何在我們自己的服務(wù)器上訪問呢？ 此時需要執(zhí)行： ·
npm run build
到此這篇關(guān)于node創(chuàng)建Vue項目步驟詳解的文章就介紹到這了,更多相關(guān)node創(chuàng)建一個Vue項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了nodejs高大上的部署方式(PM2) ,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
本文將詳細介紹nodeJS中的URL模塊的使用方法，利用URL模塊解析出URL相關(guān)信息2020-02-02
Node.js net模塊功能及事件監(jiān)聽用法分析
這篇文章主要介紹了Node.js net模塊功能及事件監(jiān)聽用法,結(jié)合實例形式分析了net模塊功能及事件監(jiān)聽相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
Node.js Windows Binary二進制文件安裝方法
這篇文章主要介紹了Node.js Windows Binary二進制文件安裝,本文給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
Nodejs中session的簡單使用及通過session實現(xiàn)身份驗證的方法
session的本質(zhì)使用cookie來實現(xiàn)。本文給大家介紹Nodejs中session的簡單使用及通過session實現(xiàn)身份驗證的方法，對node.js session相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-02-02
Node使用Nodemailer發(fā)送郵件的方法實現(xiàn)
這篇文章主要介紹了Node使用Nodemailer發(fā)送郵件的方法實現(xiàn),文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
本文通過實例代碼給大家介紹了Nodejs實現(xiàn)多房間簡易聊天室功能，需要的朋友參考下吧2017-06-06
在Linux上用forever實現(xiàn)Node.js項目自啟動
在一臺計算機上手動跑Node項目簡單，node xx.js就搞定了，想讓Node項目后臺運行，雖然不能直接用node命令搞定，但是在安裝了forever這個包以后，還是很輕松的。不過要是在遠程服務(wù)器上構(gòu)建Node項目，如果沒法自啟動，一旦服務(wù)器重啟，那就麻煩了。2014-07-07
通過node-mysql搭建Windows+Node.js+MySQL環(huán)境的教程
這篇文章主要介紹了通過node-mysql搭建Windows+Node.js+MySQL環(huán)境的教程,node-mysql是JavaScript編寫的一個Node的MySQL驅(qū)動,需要的朋友可以參考下2016-03-03
經(jīng)過幾個星期的nodejs學(xué)習(xí)，從開始的小白到現(xiàn)在漸漸得熟悉，走過來也才算明白，現(xiàn)在已經(jīng)入門也掌握了相關(guān)的學(xué)習(xí)方法，今天開始記錄下自己學(xué)習(xí)的過程，以便日后查看。2014-11-11