小編給大家分享一下webstorm+vue初始化項目的示例分析，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

廉江ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

vue新項目準備：

1、安裝nodejs，官網(wǎng)下載傻瓜安裝

node -v 驗證

2、npm包管理器，是集成在node中的，所以安裝了node也就有了npm

npm -v 驗證

3、安裝cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org

（完成之后，我們就可以用cnpm代替npm來安裝依賴包了。如果想進一步了解cnpm的，查看淘寶npm鏡像官網(wǎng)。）

4、安裝vue-cli腳手架構建工具

npm install -g vue-cli

vue新項目構建：

1、初始化項目模板：

vue init webpack-simple yunshi-approve

或者

vue init webpack yunshi-approve

2、安裝npm

cd yunshi-approve

3、安裝項目所需要的依賴：

npm install 或 cnpm install

4、運行看效果：

npm run dev

介紹一下目錄及其作用：

build：最終發(fā)布的代碼的存放位置。

config：配置路徑、端口號等一些信息，我們剛開始學習的時候選擇默認配置。

node_modules：npm 加載的項目依賴模塊。

src：這里是我們開發(fā)的主要目錄，基本上要做的事情都在這個目錄里面，里面包含了幾個目錄及文件：

assets：放置一些圖片，如logo等

components：目錄里放的是一個組件文件，可以不用。

App.vue：項目入口文件，我們也可以將組件寫這里，而不使用components目錄。

main.js ：項目的核心文件

static：靜態(tài)資源目錄，如圖片、字體等。

test：初始測試目錄，可刪除

.XXXX文件：配置文件。

index.html：首頁入口文件，可以添加一些meta信息或者同統(tǒng)計代碼啥的。

package.json：項目配置文件。

README.md：項目的說明文件。

看完了這篇文章，相信你對“webstorm+vue初始化項目的示例分析”有了一定的了解，如果想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！