1. 中文官网教程

https://v2.cn.vuejs.org/v2/guide/

2. 解决 Chrome浏览器 F12 控制台提示

Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools

You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html

2.1 在Chrome浏览器中安装vue开发者工具

到 https://github.com/vuejs/vue-devtools 下载 vue开发者工具。
或者从下面的附件(其中: vue_dev_tools.crx 为 vue2开发者工具， vue3_dev_tools.crx 为 vue3开发者工具)下载。
成功安装vue开发者工具之后，就不会在浏览器中提示：

Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools

使用方法：

浏览器F12调试，最右侧选Vue：

2.2 配置 开发者环境或生产环境

You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html

打开 https://v2.cn.vuejs.org/v2/api/ 看 全局配置 的 productionTip。
可以增加下面内容关闭提示:

<script type="text/javascript">
    Vue.config.productionTip=false //阻止 vue 在启动时生成生产提示
</script>