今天給各位分享如何運(yùn)行別人的vue項(xiàng)目為什么要?jiǎng)h除module的知識(shí)，其中也會(huì)對(duì)vue項(xiàng)目部署后每次清緩存進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注本站，現(xiàn)在開(kāi)始吧！

本文目錄一覽：

• 1、詳解Vue項(xiàng)目在其他電腦npm run dev運(yùn)行報(bào)錯(cuò)的解決方法
• 2、vue項(xiàng)目中刪除nodemodules文件git提交不了
• 3、vue打包優(yōu)化1：打包去掉node_modules最佳方案
• 4、idea導(dǎo)入別人的module還需要替換什么

詳解Vue項(xiàng)目在其他電腦npm run dev運(yùn)行報(bào)錯(cuò)的解決方法

一個(gè)

Vue

項(xiàng)目從一臺(tái)電腦上傳到

github

上之后，再另外一臺(tái)電腦上

git

clone

。并使用

npm

run

dev

或

npm

run

start

發(fā)生以下報(bào)錯(cuò)的解決方法。

報(bào)錯(cuò)原因

缺少

node_modules

里面的依賴。在項(xiàng)目目錄下使用

npm

install

然后再

npm

run

dev。

如果在這一步當(dāng)中，

npm

install

執(zhí)行的過(guò)程中，處于一直卡頓的狀態(tài)。說(shuō)明網(wǎng)絡(luò)狀況不佳。建議使用

cnpm

淘寶源。

淘寶源

使用

cnpm

-v

查看是否已經(jīng)安裝

cnpm。如果沒(méi)有，使用

npm

install

cnpm

-g

--registry=

命令安裝。然后將上面

npm

的步驟命令改成

cnpm

即可。

補(bǔ)充：

默認(rèn)電腦里已經(jīng)安裝Node.js

下載完別人的VUE項(xiàng)目后，我們執(zhí)行下載所有依賴npm

install后啟動(dòng)npm

run

dev運(yùn)行的最后一步經(jīng)常會(huì)報(bào)錯(cuò)，

不是缺少依賴模板，就是node_modules版本與本機(jī)安裝的node和npm版本不一致。

今天遇到的問(wèn)題就是版本不一致，例如我們的電腦中安裝的node版本為6.10.3、npm版本為4.6.1。而項(xiàng)目中的版本為"node":

"=

4.0.0",

"npm":

"=

3.0.0"。

這樣運(yùn)行后終端會(huì)報(bào)錯(cuò)，無(wú)效的指令。

這時(shí)解決的方法就是直接刪除vue項(xiàng)目中的node_modules，同時(shí)修改package.json文件里面的

"engines":

{

"node":

"=

4.0.0",

"npm":

"=

3.0.0"

},

將"node":

"=

4.0.0","npm":

"=

3.0.0"修改為"node":

"=

6.10.3","npm":

"=

4.6.1"（你電腦中node/npm的版本號(hào)）

然后執(zhí)行npm

install重新下載所有依賴

最后執(zhí)行npm

run

dev就能成功運(yùn)行項(xiàng)目了。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

vue項(xiàng)目中刪除nodemodules文件git提交不了

不廢話, 直接寫(xiě)解決的方法:

第一步: 查看vue項(xiàng)目下是否有.gitignore文件, 如果有打開(kāi), 如果沒(méi)有進(jìn)行第二步

第二步: 創(chuàng)建.gitgnore 文件 打開(kāi)git 輸入 touch .gitignore 創(chuàng)建成功后, 打開(kāi) .gitignore 文件

第三步: 在.gitignore 文件中輸入 /node_modules 保存 就可以了

如果要過(guò)濾某類文件, 如.html文件, 可以在.gitignore 文件中寫(xiě) *.html; 其他的一些功能自己去百度

vue打包優(yōu)化1：打包去掉node_modules最佳方案

本文的目標(biāo)是解決以下問(wèn)題：

備注：共5個(gè)可選方案，推薦方案5

具體實(shí)現(xiàn)：采用webpack-node-externals，打包中去掉node_modules中的依賴庫(kù)

可參考webpack-node-externals的幫助：

具體實(shí)現(xiàn)：通過(guò)制定包名稱排除指定的包

具體實(shí)現(xiàn)：通過(guò)指定路徑

configureWebpack:?{

????????externals:?process.env.NODE_ENV?===?"production"????/^[a-z\-0-9]+$/?:?{?echarts:?"echarts" },

},

適合echarts等庫(kù)單獨(dú)打包的場(chǎng)景（即echarts不通過(guò)node_modules中引入）

idea導(dǎo)入別人的module還需要替換什么

.新建一個(gè)空項(xiàng)目

1.1左上角File—New—Project

1.2選擇Empty Project，然后Next

1.3為新建的項(xiàng)目命令

1.4空項(xiàng)目新建成功

2.導(dǎo)入外部Module文件

2.1將需要導(dǎo)入的Module文件復(fù)制進(jìn)空項(xiàng)目目錄中

2.2刪除Module文件中原本的iml文件

iml文件是一個(gè)Module在一個(gè)項(xiàng)目中的身份證，現(xiàn)在Module要進(jìn)行移民，原本的iml文件就沒(méi)用了，到了目的地會(huì)根據(jù)Module名為其自動(dòng)生成一個(gè)新身份證。

2.3更改Module名

2.4將Module文件導(dǎo)入當(dāng)前項(xiàng)目中

左上角File—New—Module from Existing Sources…

然后在彈出的窗口中找到需要導(dǎo)入的Module文件，點(diǎn)擊OK。

關(guān)于如何運(yùn)行別人的vue項(xiàng)目為什么要?jiǎng)h除module和vue項(xiàng)目部署后每次清緩存的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。