基于Node.js怎么創(chuàng)建vue項(xiàng)目

這篇文章主要介紹了基于Node.js怎么創(chuàng)建vue項(xiàng)目的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇基于Node.js怎么創(chuàng)建vue項(xiàng)目文章都會(huì)有所收獲，下面我們一起來看看吧。

Node.js 是一個(gè)事件驅(qū)動(dòng)、非阻塞式 I/O 的模型，旨在提供一種簡(jiǎn)單的構(gòu)建可伸縮網(wǎng)絡(luò)程序的方法，使用輕量又高效。Vue.js是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的 web 界面的漸進(jìn)式框架。看起來這兩個(gè)是兩碼事，但是它們之間還有很大的聯(lián)系。

1、只要安裝對(duì)應(yīng)版本的nodejs，就可以用js來開發(fā)后臺(tái)程序。在學(xué)習(xí)vue的時(shí)候最先安裝的就是node.js環(huán)境。

2、vue環(huán)境搭建：需要npm（cnpm），而npm內(nèi)嵌于Node.js，所以需要下載Node.js。

3、對(duì)于vue來說，作為后臺(tái)服務(wù)器選擇，當(dāng)然node和java都可以。但是有些東西java不能代替node。npm和webpack都是依賴node環(huán)境的。vue如要使用這些，就需要node環(huán)境。

4、vue用到打包工具比如webpack（node.js中的構(gòu)建工具），可以直接require引入之后將不同模塊打包成單個(gè)js文件。同時(shí)這些工具提供各種自動(dòng)化處理，方便前端開發(fā)。

實(shí)例：基于下載Node.js創(chuàng)建vue項(xiàng)目

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

vue init webpack my-project

這里需要進(jìn)行一些配置，默認(rèn)回車即可

This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project

? Project description A Vue.js project

? Author runoob <
test@runoob.com
>

? Vue build standalone

? Use ESLint to lint your code? Yes

? Pick an ESLint preset Standard

? Setup unit tests with Karma + Mocha? Yes

? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started: 

     cd my-project

     npm install

     npm run dev
  
     Documentation can be found at 
https://vuejs-templates.github.io/webpack

關(guān)于“基于Node.js怎么創(chuàng)建vue項(xiàng)目”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“基于Node.js怎么創(chuàng)建vue項(xiàng)目”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。