配置前提
電腦需要已經安裝過的軟體
- nodejs
- 命令列工具：git(這里使用) 或 cmd 或 PowerShell
- 文本編輯器：vs code(這里使用) 或 sublime 等等
1,安裝npm的國內淘寶鏡像cnpm
(使用npm安裝總會有超時的問題，所以建議使用國內鏡像)
打開命令列：在桌面滑鼠右鍵選項中，選擇git bash here，輸入以下命令回車確認
npm install -g cnpm --registry=https://registry.npm.taobao.org
2,安裝vue
cnpm install vue
3，安裝vue-cli
cnpm install -g @vue/cli-service-global
4,創建專案并安裝插件
在系統D盤目錄下，在滑鼠右鍵選項中，選擇git bash here，輸入以下命令回車確認
- 創建一個名為
vuedemo的vue專案并取消選擇配置，專案名稱不支持大寫字母
vue create vuedemo
選擇Vue 2，回車確認（用鍵盤上下左右選擇），其他選項都選no
- 進入檔案夾
cd vuedemo
此時的打開package.json檔案，沒有其他的依賴
- 分別安裝
vue-router,element-ui,axios（git中粘貼命令快捷鍵是shift+insert）
cnpm install vue-router --save-dev
cnpm install element-ui -S
cnpm install --save axios vue-axios
此時的打開package.json檔案，已經有了其他依賴，如果沒有可能是尚未加載出來
- 安裝依賴
cnpm install
5，配置vue-router
在vuedemo的src檔案夾下新建檔案夾router,在router下新建index.js
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
routes:[
{
}
]
})
打開main.js，匯入router路由配置
import Vue from 'vue'
import App from './App'
import router from './router'
Vue.use(VueRouter)
new Vue({
el: '#app',
router,
render: h => h(App)
})
未完，，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/263324.html
標籤：區塊鏈