前端： 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-name

2、進到項目目錄

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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。