1WebStorm + Chrome 在WebStorm中啟動調(diào)試時(shí)，WebStorm會根據(jù)你設(shè)置的url，自動打開新的Chrome瀏覽器進(jìn)程訪問這個設(shè)置的url，而且這個瀏覽器頁面和你平?？吹降臑g覽器差異會比較大，看不到書簽欄，也看不到先前所裝的所有。

Idea添加Vue插件方法，點(diǎn)擊file_settings_Plugins然后搜索Vue點(diǎn)擊安裝我的安裝成功，創(chuàng)建項(xiàng)目file_new_Project_Static Web_Vuejs選擇好文件夾點(diǎn)擊next然后就一直出不來，特別慢，然后沒有等，網(wǎng)上說是版本問題，說。

這樣跑，制定好框架啊，寫好包要有容器制定好框架，寫好包，要有容器就可以跑起來。

我們點(diǎn)擊 npm run dev 的時(shí)候，這就是啟動 Vue 工程項(xiàng)目，那么它啟動過程是什么樣的呢 Vue 項(xiàng)目啟動過程，本文簡要介紹在執(zhí)行 npm run dev 的時(shí)候，會在當(dāng)前目錄中尋找 packagejson 文件，包含項(xiàng)目的 名稱版本。

安裝vetur插件就可以了先下載vue插件，然后打開IDEA點(diǎn)擊安裝本地磁盤的里的插件選項(xiàng)，找到里面的vuejs文件vuejar，安裝重啟恢復(fù)正常了。

idea中修改打包后vue的第1步就是，首先需要在packagejson文件中配置，其次在后臺控制臺執(zhí)行打包命令，然后打開項(xiàng)目，選擇相對途徑獲得靜態(tài)資源，最后選擇需要修改的內(nèi)容之后點(diǎn)擊打包進(jìn)行正常運(yùn)行Idea指的是軟件開發(fā)者和團(tuán)隊(duì)的。

1 默認(rèn)用的intellij idea作為Vue工程的開發(fā)IDE，在該IDE中啟動Vue工程，需要安裝node js，并在IDE中配置Run Configurations，詳細(xì)配置見下面的參考鏈接2 配置好運(yùn)行參數(shù)之后，在啟動過程中報(bào)錯Error listen EACCES。

1首先打開IDEA的界面，在搜索框搜索vue，然后vuejsinstall2其次新建project3最后在JavaScript中就可以看到vue，js的標(biāo)簽了。

下面說下Vue項(xiàng)目啟動的加載邏輯首先前端項(xiàng)目默認(rèn)入口都是indexhtml 這里有個DIV的id為app，這里是vue的掛載點(diǎn)，后續(xù)views中的 vue文件都會掛載在這里程序運(yùn)行indexhtml后會尋找用到app的文件，即mainjs 這里創(chuàng)建了一。

Vue 項(xiàng)目創(chuàng)建時(shí)候的一些基礎(chǔ)配置小記CLI 即 @vuecli 全局安裝的 npm 包用于終端提供 vue 相關(guān)的指令，可用來創(chuàng)建工程啟動服務(wù)等CLI service 即 @vuecliservice 開發(fā)環(huán)境的依賴，構(gòu)建于 webpack 和 webpackdev。

build下設(shè)置項(xiàng)目打包時(shí)文件名，設(shè)置包含或不包含的配置文件 二分別以dev和prod啟動項(xiàng)目 設(shè)置dev啟動方式如下圖，啟動后訪問Controller，輸出了dev配置文件的內(nèi)容 設(shè)置prod啟動方式如下圖，啟動后訪問Controller，輸出了prod配置。

5執(zhí)行npm install 來安裝組件 LIMIT是你想分配的內(nèi)存大小，然后執(zhí)行npm run fixmemorylimit 只需要執(zhí)行一次即可，然后重新啟動項(xiàng)目，熱更新就不會再內(nèi)存溢出了6下載完別人的VUE項(xiàng)目后，我們執(zhí)行下載所有依賴npm。

因?yàn)関ue是單頁面應(yīng)用，vue是依靠數(shù)據(jù)進(jìn)行驅(qū)動來更新數(shù)據(jù)的而數(shù)據(jù)來源于后端，需要vue與后端通過接口通信來獲取數(shù)據(jù)信息而后端是需要項(xiàng)目啟動的，所以vue項(xiàng)目也需要啟動，配置端口，打包發(fā)布到服務(wù)器上面才能正常運(yùn)行vue項(xiàng)目。

5執(zhí)行npminstall來安裝組件LIMIT是你想分配的內(nèi)存大小，然后執(zhí)行npmrunfixmemorylimit只需要執(zhí)行一次即可，然后重新啟動項(xiàng)目，熱更新就不會再內(nèi)存溢出了6下載完別人的VUE項(xiàng)目后，我們執(zhí)行下載所有依賴npminstall后啟動npm。

在vscode里新打開一個命令行終端，在終端窗口里使用vue對應(yīng)的腳手架命令啟動項(xiàng)目即可1用本地git客戶端將vue項(xiàng)目從github克隆到本地，用vscode打開，完成編輯2在vscode里新打開一個命令行終端，在終端窗口里使用vue對應(yīng)。

5安裝依賴npm install registry=安裝完成后會在文件夾中發(fā)現(xiàn)多了個node_modules文件夾，到這里腳手架就已經(jīng)安裝完成了6啟動vue項(xiàng)目 npm run dev打開瀏覽器輸入。