Vue項目創(chuàng)建完成后，使用WebStorm打開項目，項目目錄如下build文件夾，用來存放項目構(gòu)建腳本 config中存放項目的一些基本配置信息，最常用的就是端口轉(zhuǎn)發(fā) node_modules這個目錄存放的是項目的所有依賴，即npminstall命令下載下來的；打開FileProject出現(xiàn)newproject彈出框選擇HTML5Boilerpalte選擇HTML5樣板修改對應(yīng)的名字和Version，我輸入h5_test01，version600點擊Create后，將會創(chuàng)建一個h5_test01H5項目WebStorm。

你也可以通過 vue ui 命令以圖形化界面創(chuàng)建和管理項目圖形化的界面就不需要多介紹了，有中文都能很好地使用使用Vue項目管理器，選擇項目地址flaskvue根目錄上節(jié)運行flask示例的文件夾，創(chuàng)建新項目名稱vue根據(jù)具體；我們點擊 npm run dev 的時候，這就是啟動 Vue 工程項目，那么它啟動過程是什么樣的呢 Vue 項目啟動過程，本文簡要介紹在執(zhí)行 npm run dev 的時候，會在當(dāng)前目錄中尋找 packagejson 文件，包含項目的 名稱版本。

在終端輸入以下命令檢測cnpm是否安裝成功 vuecli是vue腳手架工具，方便打包，部署，測試等進(jìn)入你的項目目錄，創(chuàng)建一個基于 webpack 模板的新項目 vue init webpack 項目名 進(jìn)入項目 安裝依賴 此時項目中會多了一個nod；Webstorm支持的更多，IDEA需要自己配置例如less或這sass。

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

webstorm創(chuàng)建vue項目的步驟

一直走下去就可以了安裝完成后，就可以看到，新建文件時，會有vue文件的提示3設(shè)置vue新建文件模板filesettingeditorfile and code Templates，選擇vue File，然后在右邊框中編輯默認(rèn)模板內(nèi)容。

官方文檔 已經(jīng)安裝最新版本的vuecli，我很推薦這個圖形化界面，非常方便你也可以通過 vue ui 命令以圖形化界面創(chuàng)建和管理項目圖形化的界面就不需要多介紹了，有中文都能很好地使用使用Vue項目管理器，選擇項目地址flask。

這里說下 vuecli 腳手架所帶的圖形界面編譯打包管理，可使用如下命令開啟，然后按照提示，加入需要的項目，可以查看儀表盤展示，進(jìn)行插件管理，依賴管理，編譯配置，以及項目構(gòu)建的操作，十分方便啟動 vuecli 圖形界面 然后。

在設(shè)置中選擇plugin插件， 選擇 Browse repositories， 左上角搜索Vue 在設(shè)置中， 將 *vue 添加進(jìn)入Vuejs Template 中 若提示沖突， 點擊移除原來的即可 在設(shè)置中搜索JavaScript， 將JS版本選擇為ECMAScript 6 在設(shè)置中。

然后創(chuàng)建一個新的項目 vue init webpack myproject 一路回車，搞定更多配置項請參考上面給出的vuecli鏈接這里從網(wǎng)上下載了一個帶webpack的vue項目跑之前記得npm install一下04vuecli webpack 從bulid文件夾。

vuecli可以幫我們自動搭建項目，首先npm全局安裝 npm install g vuecli 然后創(chuàng)建一個新的項目 vue init webpack myproject 一路回車，搞定更多配置項請參考上面給出的vuecli鏈接這里從網(wǎng)上下載了一個帶webpack。

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

webstorm創(chuàng)建vue項目結(jié)構(gòu)出錯

1、安裝好之后cd項目根目錄，運行項目npm run serve1scss或者less，這里我用scss npm install sassloader nodesass save 2vuerouter是必不可少的 cnpm install vuerouter 接著在scr目錄下創(chuàng)建路由文件 接著。

2、點擊Preferences LanguagesFrameworks Nodejs and npm，勾選coding assistance for Nodejs，點擊ok保存。

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