webstorm+vue初始化項目的方法

vue新項目準備:

1、安裝nodejs,官網下載傻瓜安裝

node -v 驗證

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

npm -v 驗證

3、安裝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:最終發佈的代碼的存放位置。

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

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

src:這裏是我們開發的主要目錄,基本上要做的事情都在這個目錄裏面,裏面包含了幾個目錄及文件:

assets:放置一些圖片,如logo等

components:目錄裏放的是一個組件文件,可以不用。

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

main.js :項目的核心文件

static:靜態資源目錄,如圖片、字體等。

test:初始測試目錄,可刪除

.XXXX文件:配置文件。

index.html:首頁入口文件,可以添加一些meta信息或者同統計代碼啥的。

package.json:項目配置文件。

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章