下载官网:安装 — Vue.js
1)下载开发版本vue
注意:在开发时选用开发版本的vue.js,否则失去了常见的错误和相关的警告。
将自己下载的vue.js和vue.min.js设置引入,如下:
在浏览器中打开:
有的可能没有Open in...这个选项,需要下载open-in browser插件,之后将默认浏览器设置成谷歌浏览器。
2)安装开发调试工具
运行之后,发现有个善意的小提示,翻译如下:
您正在开发模式下运行Vue。
确保在为生产部署时启用生产模式。
查看更多提示https://vuejs.org/guide/deployment.html
提示我们现在运行的vue.js体积过大,让我们在生产环境中用生产版的vue.min.js
注意:此时还会提示安装开发调试工具,我的之前安装过,所以没有提示。
3)关闭提示
如何关闭上述提示呢?只需要在body中引入如下即可。
- <script type="text/javascript">
- Vue.config.productionTip = false //阻止vue在启动时提示
- </script>