1首先打開IDEA的界面，在搜索框搜索vue，然后vuejsinstall2其次新建project3最后在JavaScript中就可以看到vue，js的標(biāo)簽了；4終端運(yùn)行 npm run build 即可此時(shí)點(diǎn)擊indexhtml，通過瀏覽器運(yùn)行便，會(huì)發(fā)現(xiàn)動(dòng)態(tài)綁定的static的圖片找不到，故static必須使用絕對(duì)路徑將圖片路徑修改為絕對(duì)路徑，至此，打包完成還有什么問題大家可以留言，我能幫忙解決。

安裝vetur插件就可以了先下載vue插件，然后打開IDEA點(diǎn)擊安裝本地磁盤的里的插件選項(xiàng)，找到里面的vuejs文件vuejar，安裝重啟恢復(fù)正常了；1WebStorm + Chrome 在WebStorm中啟動(dòng)調(diào)試時(shí)，WebStorm會(huì)根據(jù)你設(shè)置的url，自動(dòng)打開新的Chrome瀏覽器進(jìn)程訪問這個(gè)設(shè)置的url，而且這個(gè)瀏覽器頁面和你平?？吹降臑g覽器差異會(huì)比較大，看不到書簽欄，也看不到先前所裝的所有。

4然后切換到“Deployment”選項(xiàng)卡，點(diǎn)擊“+”號(hào)小按鈕，在彈出的頁面中選中我們要運(yùn)行的項(xiàng)目，然后點(diǎn)擊OK5這時(shí)候會(huì)回到IntelliJIDEA的主界面，選中我們要運(yùn)行的項(xiàng)目，點(diǎn)擊綠色的小按鈕，開始運(yùn)行如何運(yùn)行web項(xiàng)目呢；在搭建vue的開發(fā)環(huán)境之前，一定一定要先下載nodejsvue的運(yùn)行是要依賴于node的npm的管理工具來實(shí)現(xiàn)，node可以在官網(wǎng)或者中文網(wǎng)里面下載，根據(jù)自己的電腦選擇是32還是64 Idea添加Vue插件方法，點(diǎn)擊file_settings_Plugins。

這樣跑，制定好框架啊，寫好包要有容器制定好框架，寫好包，要有容器就可以跑起來；file settings plugins，然后什么都不用輸入，直接點(diǎn)擊Browse repositories緊接著左上方輸入“vue”，點(diǎn)擊搜索結(jié)果里的vuejs，右邊會(huì)有綠色install按鈕，安裝成功后重啟idea，這樣idea就能識(shí)別vue文件了file。

在師兄的推薦下入坑vuejs ，發(fā)現(xiàn)不知如何運(yùn)行GitHub上的開源項(xiàng)目，很尷尬通過查閱網(wǎng)上教程，成功搭建好項(xiàng)目環(huán)境，同時(shí)對(duì)前段工程化有了朦朦朧朧的認(rèn)知，因此將環(huán)境搭建過程分享給大家可以看下我的github；idea的，現(xiàn)在我就說下idea開發(fā)神器下安裝vue插件進(jìn)行vue項(xiàng)目的開發(fā)吧idea下載地址idea神器可以干的事idea安裝vue插件 1Filesettings2Plugins輸入vueSearch in repositories在倉庫中搜索3重啟idea即可。

2 配置好運(yùn)行參數(shù)之后，在啟動(dòng)過程中報(bào)錯(cuò)Error listen EACCES permission denied 000080，該錯(cuò)誤的原因?yàn)楸镜?0端口被占用，通過關(guān)閉80端口占用進(jìn)程或修改配置文件中的端口號(hào)即可正常啟動(dòng)參考鏈接 idea運(yùn)行vue；通過快捷方式打開VisualStudioCode工具，然后新建靜態(tài)頁面創(chuàng)建一個(gè)靜態(tài)頁面tablehtml，并添加頁面代碼，然后保存，使用瀏覽器查看點(diǎn)擊File菜單，選擇OpenFolder，將項(xiàng)目導(dǎo)入到VisualStudioCode運(yùn)行vue項(xiàng)目npminstall或cnpm。

21首先在IDEA中安裝vuejs插件 FileSettingsPlugins搜索vuejs插件進(jìn)行安裝 2點(diǎn)擊Edit Configurations，添加一個(gè)npm 然后就可以在IDEA中運(yùn)行了3首先可以在桌面新建一個(gè)文件夾，如Vue 然后執(zhí)行cd Vue 進(jìn)入文件夾，然后輸入以；bin文件夾中Idea的運(yùn)行程序位于Idea的安裝目錄下的bin文件夾中，在Windows系統(tǒng)中，Idea的默認(rèn)安裝位置為C\ProgramFiles\JetBrains\IntelliJIDEACommunityEditionXXX\bin，其中XXX為Idea的版本號(hào)，在MacOS系統(tǒng)中，Idea的默認(rèn)安裝。

打開文件配置，后臺(tái)控制執(zhí)行idea中修改打包后vue的第1步就是，首先需要在packagejson文件中配置，其次在后臺(tái)控制臺(tái)執(zhí)行打包命令，然后打開項(xiàng)目，選擇相對(duì)途徑獲得靜態(tài)資源，最后選擇需要修改的內(nèi)容之后點(diǎn)擊打包進(jìn)行正常運(yùn)行Idea；解決方案找到項(xiàng)目下的ideaworkspacexml，在標(biāo)簽ltcomponent name=quotPropertiesComponentquot里添加一行屬性ltproperty name=quotdynamicclasspathquotvalue=quottruequot ltcomponent name=quotPropertiesComponentquot其它屬性不改ltproperty。

重新安裝重新安裝vue和腳手架卸載原有的npmuninstallvuecli然后清除緩存npmcacheclean，重新安裝就可以了；首先，我們需要在Idea中打開要運(yùn)行的文件我們可以使用雙擊打開文件，或者點(diǎn)擊File菜單并選擇Open選項(xiàng)來打開文件接下來，我們需要配置運(yùn)行選項(xiàng)在Idea中，我們可以使用Run菜單來配置運(yùn)行選項(xiàng)我們可以選擇Run選項(xiàng)并選擇Edit。