一、安装介绍

  1.安装nide.js

    下载node.js并安装。下载地址:https://nodejs.org/en/download/。 下载.msi 格式的直接连续下一步就可以了。安装完成后可以用 node  -v  和 npm -v 查看版本号。

    

  2.安装vue-cli

    下载 vue-cli(脚手架) . 在命令行中输入npm install -g vue-cli,自动下载vue-cli(会生成一大堆的依赖文件)。可输入 vue 查看是否安装成功

    

  3.初始化项目

     初始化项目并下载webpack。执行命令 vue init webpack 项目名  初始化项目

       1.project name 项目名称

       2.project description 项目描述

       3.author  作者

       4.install vue-router?  是否安装vue路由(建议安装)

       5.use ESLint preset   是否使用eslint检查代码(建议no,严格要求es6编码)

       6.setup unit tests with karma+ mocha  单元测试(个人也不是太懂建议no)

       7.setup e2e tests with Nightwatch (不懂直接NO)

  4.进入项目

    cd 项目名称

  5.安装模块

    npm install

  6.启动项目

    npm run dev

  

二.安装vux

  默认已安装vue环境

  1.安装vux

    npm install vux –save-dev

  2.安装vux-loader(介绍)

    npm install vux-loader –save-dev

  3.安装less-loader以正确编译less源码

    npm install less less-loader –save-dev

  4.安装 yaml-loader 以正确进行语言文件读取(个人没有安装直接报错)

    npm install yaml-loader –save-dev

  5.修改build/webpack.base.conf.js中的代码

    添加 const vuxLoader = require(‘vux-loader’);

     修改module.exports={}(原)

    改 const webpackConfig = {};

     导出 module.exports = vuxLoader.merge(webpackConfig, { plugins: [‘vux-ui’]});

版权声明:本文为1542986913Yu原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/1542986913Yu/p/10026651.html