前言
由于上次搭好了SSM后端框架,就想着顺便把以前那个博客网站的后台管理系统给做了,系统的后端环境是有了,前端页面用什么开发呢?之前简单的看了vue.js,所以就决定用vue.js做前端页面,然后搜了一些vue.js配套的ui,找到了elementUI。而在看vue.js的时候看到上面说了npm安装,于是就想起了这个,就想知道这是什么,于是各种Google,差不多了解了现在的前端开发是什么样的了。感觉是跟后端差不多,要安装服务程序,要用包管理工具,用包管理工具从远程仓库中拉去各种框架的包来搭建开发环境,设计好目录结构,然后开始开发,开发完了打包带走。因为开发前端也要服务器,不是以前的静态页面跳转,所以在测试时的时候前端页面访问后端的时候需要跨域访问,还好SpringMVC只要简单配置一下就可以了。
以下只说明如何在windows环境下快速地搭建开发环境进行开发,不进行任何介绍,相关介绍网上都有很多。
搭建开发环境
安装webpack
首先要安装Node.js,Node.js集成了npm(node package manage),所以安装了Node.js就自然有了npm,可以用 $ npm -v
命令查看有没有安装npm。
npm介绍:npm使用介绍
有了npm就可以安装webpack了,打开命令行工具输入以下命令安装webpakc:
npm install webpack -g
后面的-g表示全局安装,此时webpck应该安装到了全局环境下,可以用 命令:webpack -h
试试看。
npm就像Maven一样,帮你从远程仓库拉取各种包,也跟Maven一样有个国外的访问很慢的中央仓库,又跟Maven一样有国内自己的镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
可以用这个命令安装淘宝的镜像,然后就可以将用cnpm命令取代n