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-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