建立Vue專案的步驟

2022-02-15 14:39:46 字數 616 閱讀 2893

第一步:

對於要建立專案的工作目錄,要先進性管理,命令:npm init -y

第二步:

初始化webpack 包,命令:vue init webpack 自定義名稱

第三步:

在components 檔案中建立元件。在建立元件時要對頁面布局進行乙個規劃,可以分為頭部,底部,內容三部分。在各個部分定義元件

第四步:

在src中的router 檔案中的index.js中匯入components 中的子元件。

第五步:

在src中的main.js中匯入elementui

命令:import elementui from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

vue.use(elementui)

第六步:

命令:

export default 

}

然後在template中使用

"

">

class="

content

"> #

中間是router-link的內容

vue 專案的建立

1.開始動手之前,必須先得在機器上安裝好 npm 然後輸入以下指令將 vue cli 安裝到 的全域性環境中 只需要一次 npm i vue cli g npm 可以理解為前端方面的應用商店管理 2.然後,我們就可以開始建立工程了,鍵入以下的指令 vue init webpack demotest ...

vue專案的建立

npm install g cnpm registry 由於 npm 安裝速度慢,本教程使用了 的映象及其命令 cnpm,安裝使用介紹參照 使用 npm 映象。npm 版本需要大於 3.0,如果低於此版本需要公升級它 檢視版本 npm v 2.3.0 公升級 npm cnpm install npm...

Vue 專案的建立

1.安裝所需要的依賴包 建立專案預設選擇的包管理器順序是 yarn,cnpm,npm cnpm i yarn g 安裝模組 以下是語法,不需要安裝 yarn add module s yarn add module d yarn add module在cmd命令列中安裝全域性vue的腳手架 cnpm...