前端VUE和VUX安装过程

导语：vue是最近比较流行的前端框架，它适合于前后端分离的开发，叶子前些天参加了一个vue+vux+springboot的项目开发，学到了很多的新知识。现在将vue+vux安装过程记录下来。

前端安装过程

• 1、安装npm
• 2、安装vue脚手架

  npm i -g vue-cli
  

  （在新建的目录下打开cmd或者powershell）

• 3、初始化vue

  vue init webpack
  

  初始化过程中选择如下

  	? Generate project in current directory? Yes
  	? Project name wordperssleaf
  	? Project description wordperssleaf
  	? Author yumingya <1234568@qq.com>
  	? Vue build standalone
  	? Install vue-router? Yes
  	? Use ESLint to lint your code? No
  	? Set up unit tests No
  	? Setup e2e tests with Nightwatch? No
  	? Should we run `npm install` for you after the project has been created? (recommended) npm
  

• 4、安装vux

  npm install vux --save
  

• 5、检查是否安装ok，在新建的目录下打开package.json，如果如下显示即可

    "dependencies": {
      "vue": "^2.5.2",
      "vue-router": "^3.0.1",
      "vux": "^2.9.2"
    },
  

• 6、安装vux-loader （这个vux文档中没有明文跟你说要安装的啦）

  npm install vux-loader --save-dev
  

• 7、安装less-loader

  npm install less less-loader --save-dev
  

• 8、运行项目 在新建的目录下

  npm run dev
  

• 9、到浏览器打开

  http://localhost:8080
  

结束

注意，全部的安装都是在node.js的环境下，所以，需要先安装node.js。