Vue项目开发1-项目的创建
生活随笔
收集整理的這篇文章主要介紹了
Vue项目开发1-项目的创建
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一.環境搭建準備:
1.確保項目已經安裝了node
2.webpack安裝?npm install webpack -g (安裝過略過)
3.安裝vue-cli腳手架構建工具,打開命令行工具輸入:npm install vue-cli -g?(安裝過略過)
二.構建項目
1. cd 到指定的目錄? ,如我的項目?cd? /Users/menchao/Vue/VueTestDemo?
2.??vue init webpack vuedemo??
執行完后 系統會自動生成相關 的配置文件。
?
3. cd??vuedemo 進入剛才創建的項目
4. npm install? ? 安裝項目依賴,會在項目中生成node_modules
5.npm install vue-router vue-resource --save。?安裝 vue 路由模塊 vue-router 和網絡請求模塊 vue-resource
三。項目運行
1. npm run dev。? 服務啟動成功,會看到一個頁面
?
?
?
轉載于:https://www.cnblogs.com/menchao/p/8318284.html
總結
以上是生活随笔為你收集整理的Vue项目开发1-项目的创建的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Vue-Router + Vuex 实现
- 下一篇: vue中如何创建组件?