vue cli3注意事项

1、安装node.js(8.9 或更高版本,推荐 8.11.0+)
(npm install -g cnpm --registry=http://registry.npm.taobao.org)
2、vue cli3安装命令：npm install -g @vue/cli或者yarn global add @vue/cli
3、可以使用：vue --version检查版本是否正确
4、使用图形化界面：vue ui(创建项目）
5、安装数据请求插件，axios（安装命令：npm install axios)安装后，在main.js中引入:import axios from 'axios'和Vue.prototype.$axios = axios。官方文档：http://www.axios-js.com/zh-cn/docs/
6、在项目根目录创建vue.config.js(便于修改配置）官方文档：https://cli.vuejs.org/zh/config/#baseurl
7、axios解决跨域
在vue.config.js文件中配置devServer,代码如下：

module.exports = {
    devServer: {
        proxy: { // 跨域
           '/weatherApi': {
                target:"http://t.weather.sojson.com",
                ws:true,
                changeOrigin: true,
                pathRewrite: {
                    "^/weatherApi": ''//重写路径
                }
           }
        }
    }
};

在axios请求时使用方式代码如下：

    get_weather:function(){
    	var city_id = '101270101'
    	this.$axios.get('/weatherApi/api/weather/city/'+city_id)
		  .then(function (response) {
		    console.log(response);
		  })
		  .catch(function (error) {
		    console.log(error);
		  });
	}

安装UI组件
1、安装vue的ui框架:mint-ui(安装命令:npm i mint-ui -S）安装后在main.js中引入:import MintUI from 'mint-ui’和import 'mint-ui/lib/style.css’和Vue.use(MintUI)。然后在需要引入组件的地方直接使用文档：http://mint-ui.github.io/docs/#/zh-cn2

2、安装vant组件，安装命令：npm i vant -S。自动按需引入组件 (推荐)
a、安装插件命令：npm i babel-plugin-import -D
b、在根目录新建".babelrc"文件，或者用命令：type null>.babelrc
c、在.babelrc 中添加如下配置：
{
“plugins”: [
[“import”, {
“libraryName”: “vant”,
“libraryDirectory”: “es”,
“style”: true
}]
]
}
d、在页面中引入使用

默认按钮