vue开发环境准备

下载官网:安装 — 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>

 

posted @ 2022-09-14 19:48  小猪不会叫  阅读(31)  评论(0)    收藏  举报  来源