WEB前端：vuejs全家桶（2）：安装vuejs、vue-devtools配置指南

原创于 2019-11-06 10:56:42 发布 · 221 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vuejs

vuejs 专栏收录该内容

40 篇文章

订阅专栏

本文详细介绍了Vue.js的官方网站资源，包括文档和API，以及如何通过npm、cnpm和bower进行安装。提供了从下载Vue.js、配置开发环境到生产环境的步骤，包括安装vue-devtools和关键配置项。

官网
https://cn.vuejs.org/

文档
https://cn.vuejs.org/v2/guide/installation.html

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

第一步：
需要先安装npm 、cnpm、bower
https://blog.csdn.net/weixin_43731793/article/details/102929359

第二步：
下载vuejs

查看vue版本
bower info vue

下载vuejs
npm init --yes
cnpm install vue --save

把下载的文件，把vue.js复制出来使用

在这里插入图片描述

总结：
最简单的方法就是，直接去官网下载vue.js文件

第三步：
安装vue-devtools到谷歌浏览器
https://github.com/vuejs/vue-devtools

从上面网址把安装包下载下来，然后在拓展程序，把文件夹拖过去就可以了，然后重启浏览器

在这里插入图片描述

第四步：vue从开发环境到生产环境配置（关键配置）
https://cn.vuejs.org/v2/api/#devtools

//配置是否允许vue-devtools检查代码，方便调试，生产环境中需要设置为false
        Vue.config.devtools=false;
        Vue.config.productionTip=false; //阻止vue启动时生成生产消息