vue 建立專案 1

2021-08-17 17:02:19 字數 1670 閱讀 9032

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 ...