nodejs+vue.js+webpack
前端: nodejs+vue.js+webpack
后臺:ssb(Spring+SpringMVC + mybatis-plus)
開發工具:idea
一、前提
1、安裝nodejs
2、安裝完nodejs后,借助于node里面的npm(nodejs包管理工具)安裝依賴。
3、安裝vue腳手架vue-cli:?npm install vue-cli -g
?安裝完npm鏡像后,開始安裝全局vue-cli腳手架。
之所以要用vue-cli,是應為這個工具能幫我們搭建好我們需要的模板框架,比較簡單。
驗證是否安裝成功,在命令行中輸入vue,出來vue的信息說明安裝成功
?二、構建項目
1、使用vue-cli初始化項目
vue init webpack-simple(或webpack) my-project-name2、進到項目目錄
cd my-project-name
3、安裝項目依賴
npm install (根據package.json的配置來安裝,安裝完成后會生成一個node_modules的目錄)
安裝 vue 路由模塊 vue-router 和網絡請求模塊 vue-resource:cnpm install vue-router vue-resource --save
運行:npm run dev (即可打開默認瀏覽器,啟動項目:http://localhost:8080/, 在git里退出,采用ctr+c)
打包:npm run build ?
4、npm和nodejs(需安裝)
npm的全稱是nodejs包管理,nodejs是js運行在服務器端的平臺。
5、Vue.js
Vue.js是一個MVVM(Model-View-ViewModel)模式的框架。和MVC模式一樣,主要目的是分離視圖(View)和模型(Model)
Vue提供了webpack的loader —-> [vue-loader]
4、webpack -- 打包
轉載于:https://www.cnblogs.com/amunamuna/p/6321986.html
總結
以上是生活随笔為你收集整理的nodejs+vue.js+webpack的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: solr 配置
- 下一篇: vue学习问题总结(一)