1、用webstorm2018就行點(diǎn)擊new，新建創(chuàng)建點(diǎn)擊下一步，只有ESLint選為No在新的窗口，npm run dev ，能正常啟動(dòng)的話，項(xiàng)目就OK了如果報(bào)錯(cuò)，比如少各種東西Cannot find module #39extracttextwebpackplugin#39缺什么就安裝。

2、方法1安裝 Vuejs 插件打開 SettingsPlugins 搜索安裝css預(yù)處理器支持在我寫這文章的時(shí)間，還沒有支持預(yù)處理的方案，不過現(xiàn)在已經(jīng)很簡單了給 style 標(biāo)簽加上 rel=”stylesheetscss” 屬性即可支持 scss 語法，看規(guī)則。

3、03vuecli vue家的項(xiàng)目腳手架，推薦使用vuecli老家在這里 vuecli可以幫我們自動(dòng)搭建項(xiàng)目，首先npm全局安裝 npm install g vuecli 然后創(chuàng)建一個(gè)新的項(xiàng)目 vue init webpack myproject 一路回車，搞定更多配置。

4、不能包含大寫字母重新選擇路徑創(chuàng)建此處留個(gè)坑vue注冊(cè)組件時(shí)，大寫的組件名是支持的，只是使用時(shí)需要將大寫改小寫并加中劃線。

5、打開git之后會(huì)顯示然后我們執(zhí)行npm install webpack就會(huì)自動(dòng)下載webpack最新版本了在這里我們直接進(jìn)入正題，怎么使用vuecli搭建vue的開發(fā)環(huán)境在這里我們需要全局安裝vuecli在git里執(zhí)行npm install vuecli g 安裝vue命令環(huán)境。

6、第1步安裝crossenv在項(xiàng)目目錄下運(yùn)行如下命令安裝crossenv，我的ide是webstorm，要以直接在ide里的Terminal窗口中運(yùn)行，也可能通過windows的CMDLinux的Terminal定位到項(xiàng)目根目錄運(yùn)行下面的命令npm i savedev cross。

7、Mac端WebStorm用戶 command + ， 打開偏好設(shè)置，選擇plugins點(diǎn)擊下方的browse repositories 在打開窗口的搜索欄里打quotvuequot 有兩個(gè)插件 但是都不是官方的 如果想要高亮顯示*vue文件，可以在File Types。

8、1輸入cd myproject項(xiàng)目名，回車，進(jìn)入到具體項(xiàng)目文件夾輸入cnpm install，回車，等待一小會(huì)兒回到項(xiàng)目文件夾，會(huì)發(fā)現(xiàn)項(xiàng)目結(jié)構(gòu)里，多了一個(gè)node_modules文件夾該文件里的內(nèi)容就是之前安裝的依賴webstorm安裝。

9、1webstorm中es6語法報(bào)錯(cuò)，解決方法打開 Settings = Languages Frameworks = Javascript把 Javascript Language version 改為 ECMAScript 6這樣做所有的js文件中es6不再報(bào)錯(cuò)，但是vue文件中es6語法依然報(bào)錯(cuò)2 vue。

10、Vue是web前端快速搭建網(wǎng)站的框架之一它與jQuery有所不同，是以數(shù)據(jù)驅(qū)動(dòng)web界面以操作數(shù)據(jù)改變頁面，而jQuery是以操作節(jié)點(diǎn)來改變頁面，同時(shí)，vue還實(shí)現(xiàn)了數(shù)據(jù)的雙向綁定，可及時(shí)響應(yīng)用戶的輸入最主要的是vue的寫法簡單。

11、可以說，vscode既擁有高自由度又擁有高性能和高顏值，最關(guān)鍵的是，vscode還是一款免費(fèi)并且有團(tuán)隊(duì)持續(xù)快速更新的代碼編輯器可以說，vscode是代碼編輯器的首選個(gè)人推薦編寫前端代碼時(shí)，代碼編輯器選擇vscode，IDE選擇WebStorm。

12、我們用vuecli腳手架生成項(xiàng)目，會(huì)用vue的同學(xué)對(duì)這塊應(yīng)該很熟了 全局安裝腳手架工具npm i vuevli g 驗(yàn)證腳手架工具安裝成功與否vue version 構(gòu)建項(xiàng)目vue init webpack 項(xiàng)目名 測(cè)試vue項(xiàng)目是否運(yùn)行成功npm。

13、同時(shí)，其可以與現(xiàn)代化的工具鏈和各種類庫結(jié)合，用以創(chuàng)建復(fù)雜的單頁應(yīng)用其特點(diǎn)主要有以下幾點(diǎn)基于 vue 的流行度，日常項(xiàng)目前端有在使用，遂記錄這篇文章，主要講從環(huán)境搭建到使用樣例在學(xué)習(xí)中，體驗(yàn)和完成了一個(gè)功能稍微。

14、實(shí)在不行，就先創(chuàng)個(gè)JS的文件，在改名，改成vue文件。

15、首先你所開的軟件和程序太多了，所以根據(jù)8G容量運(yùn)行內(nèi)存不夠用，目前解決辦法就是增加一條8G內(nèi)存上去組成雙通道16G內(nèi)存，也不清楚你CPU性能是否夠，如果不夠就需要換個(gè)CPU性能更好的。

16、說明你沒安裝vue阿 而且你腳手架為什么用webstorm安裝，vue init就是生成腳手架吧，你vue init能執(zhí)行么既然可以vue init說明vue命令環(huán)境中存在阿，如果不能執(zhí)行說明你全局就沒安裝vue，安裝腳手架和安裝vue可不是一個(gè)概念。

17、前端開發(fā)不需要配編譯環(huán)境了，只需要把需要的各種庫工具在命令行界面安裝就行具體過程網(wǎng)上搜“從零開始搭建vue項(xiàng)目”腳手架里帶的Node部分，主要充當(dāng)?shù)氖荳ebServer，跟瀏覽器有什么關(guān)系最后都是要Webpack打包成純粹的。