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:項目的說明文件。