# 全域性安裝 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版本...