vue建立專案步驟

# 全域性安裝 vue-cli

$ npm install --global vue-cli

# 建立乙個基於 webpack 模板的新專案

$ vue init webpack my-project

# 安裝依賴，走你

$ cd my-project

$ npm install

$ npm run dev

在config裡index.js改配置自動開啟瀏覽器

安裝路由

建立router.js檔案配置 

1

//引包
2 import vuerouter from 'vue-router'3//
匯入對應的路由元件
4 import home from './components/home.vue'5//
建立路由物件
6var router = new
vuerouter(,
10 11]
12})
1314
//把路由物件暴露出去
15 export default router

main.js檔案配置

1 import vue from 'vue'34

/*1.1匯入路由的包
*/5 import vuerouter from 'vue-router'6/*
1.2 安裝路由*/7
vue.use(vuerouter)89
/*1.3 匯入自己的router。js路由模組
*/10 import router from './router.js'
1112
13/*
eslint-disable no-new 
*/14
newvue()

//

內容content

通過router-link標籤to跳轉

首頁

建立Vue專案的步驟

第一步 對於要建立專案的工作目錄，要先進性管理，命令 npm init y 第二步 初始化webpack 包，命令 vue init webpack 自定義名稱 第三步 在components 檔案中建立元件。在建立元件時要對頁面布局進行乙個規劃，可以分為頭部，底部，內容三部分。在各個部分定義元件 ...

安裝vue建立專案步驟詳解

1.安裝node.js 官網 vue.js是乙個js 框架。在node裡面通過npm 安裝，是為了方便進行模組化管理。這樣你的整個專案就能實現模組化元件化，並且按需載入。2.檢測node.js的版本號 驗證命令 node v 顯示版本號就是node.js安裝成功3.安裝 映象 安裝語句 npm in...

vue cli建立vue專案基本步驟

vue是當前比較流行的前端框架之一，被很多大公司所使用，學會使用它將會使我們的前端開發變得更加高效。這裡簡單介紹一下通過vue cli 俗稱 腳手架 建立vue專案的步驟。在電腦上安裝nodejs.檢查node和npm的版本，更新npm版本 node v 檢視node版本 npm v 檢視npm版本...