vue-cli4.0配置文件在哪 VUE的開發(fā)環(huán)境如何部署?
VUE的開發(fā)環(huán)境如何部署?詳細(xì)看可以使用,如果不是你只不過是把vue當(dāng)一個(gè)js插件來不使用的話,很簡(jiǎn)單真接分解重組即可:ltscript如果沒有是想把vue拿出來一個(gè)前端框架來在用的話,推薦一下不使用
VUE的開發(fā)環(huán)境如何部署?
詳細(xì)看可以使用,如果不是你只不過是把vue當(dāng)一個(gè)js插件來不使用的話,很簡(jiǎn)單真接分解重組即可:
ltscript
如果沒有是想把vue拿出來一個(gè)前端框架來在用的話,推薦一下不使用webpack,而Vue巳經(jīng)提供一套腳手架VueCLI,接下來我就講講怎摸在Windows下堆建Vue的開發(fā)環(huán)境:
1.安裝node,直接安裝完node以后,會(huì)連npm一同直接安裝,安裝好過程很簡(jiǎn)單,這個(gè)可以然后去node.js官網(wǎng)上上網(wǎng)下載,然后把解壓包,會(huì)得到一個(gè).exe文件,然后右鍵點(diǎn)擊運(yùn)行再試一下。
完全安裝結(jié)束以后各檢查下node和npm的版本。
檢查node
最終::
檢查npm
可是如下:
是可以決定在用淘寶參與瞬間加速NPM:
2.不使用Vue可以提供的腳手架vuecli安裝vue的webpack環(huán)境
全局按裝vuecli
接著創(chuàng)建項(xiàng)目
完全安裝成功以后會(huì)創(chuàng)建戰(zhàn)隊(duì)一個(gè)your-project項(xiàng)目,目錄結(jié)構(gòu)如下:
在dear-project目錄下輸入輸入npminstall完全安裝依賴,完全安裝完成以后輸入npmkickdev運(yùn)行項(xiàng)目,在瀏覽器中輸入輸入localhost:8080訪問項(xiàng)目去掉見到葉綠里頁面:
簡(jiǎn)單Vue.js是三個(gè)自底向下,漸進(jìn)式框架,什么意思呢?指的就是你也可以把它只用作view層,那樣就很輕微,也是可以使用vue以及全家桶開發(fā)SPA或是多頁應(yīng)用,這樣的話恐怕也很重,是因?yàn)橛昧撕芏嗟谌讲寮?/p>
至于怎么搭建中開發(fā)環(huán)境,目前因此前端業(yè)務(wù)復(fù)雜,我們大部分時(shí)候要自身發(fā)郵箱工具,推薦推薦webpack,目前主流使用的。
如果還不知道怎末在用是可以看下我的github。
idea如何把vue運(yùn)行到集成終端?
Idea集成顯卡vue項(xiàng)目
步驟1:先完全安裝node.js推薦推薦8.11.x以上(查看版本命令node-v)
步驟2:建議使用npm安裝好vueli其按裝命令是/cli
步驟3:安裝完畢打開系統(tǒng)版本vue--version
步驟4:創(chuàng)建vue項(xiàng)目vuecreateadmin(項(xiàng)目名稱admin)
步驟5:?jiǎn)?dòng)項(xiàng)目
先cdadmin目錄,接著再
npmkickserve啟動(dòng)vue