1、3webpack可選，vuecli已經(jīng)封裝了打包功能使用Vue的兩種方式1直接script標簽引入vuejs文件 2基于Node環(huán)境創(chuàng)建Vue項目使用vuecli初始化一個Vue項目前端框架與庫的區(qū)別 #8226 jquery 庫 DOM操作；如果想要查看vue的版本，直接去項目中，找到packagejson文件夾 找quotdependenciesquot然后就可以看到你裝的vue的版本了 quotdependenciesquot quotaxiosquot quot^0211quot，quotcorejsquot quot^365quot，quotelementuiquot quot^2141quot，quotvue；vuerouter配置路由如下，這種方式下一個組件生成一個js文件 路由懶加載 多個路由指定相同的chunkName，會合并打包成一個js文件。

2、1首先打開電腦輸入解鎖密碼，并進入系統(tǒng)主頁面2其次打開vue并進入軟件主頁面3最后點擊訪問虛擬機中的springboot項目即可；前端src下有以vue為后綴的頁面，就說明前端頁面使用了vue框架342代碼中有下面這個注解，就說明java后臺用了springBoot框架@SpringBootApplication；VUE項目如何在移動端查看打印日志consolelog1 npm install vconsole 2#160 在mainjs中引入 import Vconsole from #39vconsole#39let vConsole = new Vconsoleexport default vConsole 編譯你的vue項目，用移動端打開；首先看下我們的項目結(jié)構(gòu)圖本vue項目結(jié)構(gòu)，在vuecli所生成的默認結(jié)構(gòu)上有所調(diào)整，具體每個文件模塊的功能將在以后的文檔中進行具體講解1在根目錄下新建了mock文件夾，文件夾中增加了indexjs和utiljs主要是用于前端。

3、vue項目在看的時候，首先明確一個思路，既然作為vue是前后端分離的產(chǎn)物，那么首先要看看vue是怎么分離的，先給出結(jié)論，稍后具體描述其實vue項目確實蠻復(fù)雜的，上面只是為了幫大家理清整個前端和后端的請求流程和返回是怎樣的。

4、通過if條件判斷，只有在 production 階段插件才會生效 通過命令行方式 通過可視化UI面板 運行 vue ui 任務(wù) build 完成分析 默認情況下，Vue項目的開發(fā)模式和發(fā)布模式共用同一個打包入口文件，即為；1PC端Vue項目UI框架ElementUI優(yōu)先iView 2移動端Vue項目UI框架mintui優(yōu)先vant 3sassscsslessstylus ？推薦lessless相對比sass更簡潔，而stylus的語法靈活性開放性過大，不利于團隊協(xié)作開；這樣跑，制定好框架啊，寫好包要有容器制定好框架，寫好包，要有容器就可以跑起來；1在項目根目錄， 注意是項目根目錄， 跟src文件夾同級新建文件 envproduction 和文件 envtest 2在packagejson文件中修改命令配置 以上配置完成后 可以在整個項目中獲取到以下變量幾乎所有；1首先打開電腦桌面左下角開始菜單欄中的“運行”2然后在彈出來的窗口中點擊輸入“cmd”，鼠標左鍵點擊下方的“確定”3然后在彈出來的窗口中點擊輸入命令“vue v”，回車確定，彈出vue相關(guān)命令的提示，就說明vue。

5、1首先在IDEA中安裝vuejs插件 FileSettingsPlugins搜索vuejs插件進行安裝 2點擊Edit Configurations，添加一個npm 然后就可以在IDEA中運行了；Vue項目編寫完成后，一般需要打包壓縮成新的文件，下面簡單介紹一下是如何對Vue項目打包的工具原料npm方法步驟1npmrunbuild 2build進行中，一般這個過程需要一點點時間 3打包完成，可以看到有提示buildcomplete 4build完成。