1.進入專案所在資料夾
cd:d:\vuepro
2.安裝node npm(node-v npm-v 檢視是否安裝及版本號)
3.安裝vue npm install -g vue-cli --registry=
(npm vue -v 檢視是否安裝及版本號)
4.建立專案框架 vue init webpack vue-test vue-test為專案名稱
project name (vue-test) # 專案名稱(我的專案)
project name vue-test # 專案名稱我的專案
project description (a vue.js project) # 專案描述乙個vue.js 專案
project description a vue.js project # 專案說明乙個 vue.js 專案
author (huyihan <[email protected]>) # 作者 (huyihan <[email protected]>)
use eslint to lint your code? (y/n) # 使用 eslint 到你的**? (y [ yes ] / n [ no ])//eslint
算是乙個**語法規範檢查的工具
use eslint to lint your code? yes # 使用 eslint 到你的**? 是
pick an eslint preset (use arrow keys) # 選擇乙個預置eslint(使用箭頭鍵)
pick an eslint preset standard # 選擇乙個預置eslint標準
setup unit tests with karma + mocha? (y/n) # 設定單元測karma + mocha? (y/ n)
setup unit tests with karma + mocha? yes # 設定單元測karma + mocha?是
setup e2e tests with nightwatch? (y/n) # 設定端到端測試,nightwatch? (y/ n)
setup e2e tests with nightwatch? yes # 設定端到端測試,nightwatch? 是
5.進入專案 cd:vue-test
6.安裝專案依賴 npm install --registry=
7.執行 npm run dev (http://localhost:8080)
8.引入element-ui npm i element-ui -s
修改main.js
import elementui from 'element-ui'
vue.use(elementui)
VUE篇 1建立vue專案
1.先安裝node.js 參考 2 全域性安裝vue cli,vue cli可以幫助我們快速構建vue專案。安裝命令 npm install g vue cli 出現這個就是成功了 3 安裝webpack,它是打包js的工具 安裝命令 npm install g webpack 出現這個就是成功了 ...
vue系列1 建立vue專案
一 說明 1 vue cli 是 vue 官方提供的腳手架工具 2 github 3 作用 從 二 建立 vue 專案1 npm包管理器是整合在node中的,所以直接輸入npm v就能檢視到版本資訊。2 輸入npm install g cnpm registry 安裝 映象安裝相關依賴。3 安裝vu...
vue 建立vue專案
在程式開發中,有三種方式建立vue專案,本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用,大大方便了開發步驟,使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...