Vue cli的介紹與安裝

1.vue-cli介紹

vue-cli是vue的腳手架工具，能夠幫助我們搞定目錄結構、本地除錯、**部署、熱載入、單元測試等。

2.安裝

# 全域性安裝 vue-cli

$ npm install --global vue-cli
# 建立乙個基於 webpack 模板的新專案
$ vue init webpack my-project
# 安裝依賴，走你
$ cd my-project
$ npm install
$ npm run dev

3.專案檔案介紹

.eslintignore: 忽略語法檢查的語法檢查

.eslintrc.js: eslint的配置檔案

.gitignore: git忽略這些檔案

index.html: 入口html檔案

package.json: 專案的描述檔案，內部就是乙個json物件，該物件的每乙個成員就是當前專案的一項設定。比如name就是專案名稱，version是版本等。

4.專案執行機制

index.html：

./src/main.js:

import vue from 'vue'  引入依賴檔案 , new vue({})例項化中：

// es5  

render: function (h) ; 
// es6

import  header from './xx/xx'

export default

必須通過components註冊元件，否則無法使用

vuecli 腳手架的介紹和安裝

如果只是寫簡單的幾個vue的demo程式，那麼不需要vue cli 如果在開發大型專案，那麼需要，並且必然需要使用vue cli 1.使用vue.js開發大型應用時，需要考慮 目錄結構，專案結構和部署 熱載入 單元測試等事情。2.如果每個專案都要手動完成這些工作，那無疑效率比較低，所以通常會使用一些...

安裝vue cli的命令

vue cli2 安裝npm install g vue cli 解除安裝npm uninstacll g vue cli 新建專案vue init webpack name 專案名 vue cli3 安裝npm install g vue cli 解除安裝npm uninstall g vue c...

安裝vue cli的步驟

在cmd中輸入 npm install g cnpm registry 一 npm install g vue cli 適用於vue cli 2.0 二 npm install g vue cli 適用於vue cli 3.0 在cmd中輸入vue create pjx 建立好之後的樣子 這裡的pj...