前端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。

发表评论

电子邮件地址不会被公开。 必填项已用*标注