搭建VUE开发环境

安装nodejs

参考 https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html

安装vue

npm install vue --save 
npm install vue-resource --save   #资源比如http请求在这个包里面

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

引入mint-ui

npm i mint-ui -S

然后在项目中的main.js文件引入所有组件

import Vue from 'vue'
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
import App from './App.vue'

Vue.use(MintUI)

resource引入 在main.js中

import  VueResource  from 'vue-resource'
Vue.use(VueResource)

关掉vue的语法检查

不关闭此检查总是报错

在项目的my-project\build\webpack.base.conf.js中找到如下代码注释掉

const createLintingRule = () => ({
/*
  test: /\.(js|vue)$/,
  loader: 'eslint-loader',
  enforce: 'pre',
  include: [resolve('src'), resolve('test')],
  options: {
    formatter: require('eslint-friendly-formatter'),
    emitWarning: !config.dev.showEslintErrorsInOverlay
  }
*/
})

最终获得发布版本

npm run build
最终文件在项目的dist目录下

参考文献:

https://www.jb51.net/article/138751.htm