Vue开发环境搭建，Vue.js安装，浏览器辅助工具Vue-devtools

作为开发者，知道开发工具的搭建是必要的，一定要敢于去吸收新的知识，过程可能会很痛苦，但收获也是等价的

1.首先我们进入Vue官网：hthttps://cn.vuejs.or

点击学习——>安装

2. 我们选择开发版本，点击下载；因为开发版本包含完整的警告和调试模式，适合初学者。

3. 下载浏览器辅助工具，由于官网提供的Vue-devtools地址在国外，所以我们使用国内的gitee码云，第一次使用应该需要注册。注册界面是这个，个人空间地址使用一个独一无二的。

网址：克隆gitee：Zhao/devtools下载安装包（选择HTTPS）

因为dev和master分支没有了，所以现在选择devtools-add-remote-devtools分支

4. 下载好后，进入到解压后的devtools-add-remote-devtools包中，复制路径

5.以管理员身份打开cmd窗口执行 npm i ，这里必须是管理员身份，否则可能会出现权限不够报错。

6. 然后执行npm run build。

7.打开谷歌浏览器，找更多工具-->扩展程序-->加载已解压的扩展程序

打开开发者模式，点击加载已解压的扩展程序，接着找到刚才解压的文件夹，目录层级为：devtools-add-remote-devtools-->shells-->chrome。

8.编写一个Vue程序，测试一下

9.运行在谷歌浏览器

点击Root

搭建完成啦！开始你的Vue之旅吧！

Vue开发环境搭建，Vue.js安装，浏览器辅助工具Vue-devtools相关推荐

【鸿蒙 HarmonyOS】HarmonyOS 开发环境搭建 ( Node.js 安装 )
文章目录一.下载 Node.js® 安装包二.安装 Node.js 三.验证 Node.js 鸿蒙 HarmonyOS 开发环境 DevEco Studio 安装 , 参考博客 : [鸿蒙 Har ...
Vue 开发环境搭建（Mac 版）
Vue 开发环境搭建(Mac 版) 参考: https://www.jianshu.com/p/cc722eba1f46 https://www.runoob.com/w3cnote/vue2-sta ...
vuejs项目开发环境搭建（ESlint安装）
vuejs项目开发环境搭建(ESlint安装) vuejs项目开发环境搭建,有时候需要安装ESlint! eslint对ES6语法支持更好,可以通过eslint在团队开发中快速统一ES6的语法,精简代 ...
Linux开发环境搭建(一)之安装CentOS桌面版
前言最近接手一个项目,需要对接大华的摄像头,该摄像头外部依赖库及其加载方式会根据运行环境的不同而改变.项目开发使用Windows系统,项目运行则是在Linux系统,因此,开发好的项目根本无法部署到L ...
laravel+vue开发环境搭建
From: https://www.jianshu.com/p/1c2cc11ba46f 描述最近通过laravel在公司做了一些项目,但本身前端出身的我,总是感觉lphp开发过程中,前端写好页面, ...
一 vue开发环境搭建
2016年,Vue同Angular.React形成三足鼎立的局面,让前端的开发者顾不暇接,今天我们就来了解一下Vue的环境搭建. 一.node.js安装: node.js:一种javascript的运 ...
vue开发环境搭建Mac版
一.前言因工作缘故,需要做一个移动端app,面对2016下半年至今webapp最流行的三个技术React,angular,vue,三选一,如何先,经过前期的技术选型,最后决定使用vue.具体查看本人 ...
最新Vue windows环境搭建与问题解决——写出你的Vue “Hello World”
前端学习,在Windows下搭建Vue开发环境: 1. 安装node.js Node官网下载直接下载一路Next即可,不过记住安装位置,默认路径为: C:\Program Files\nodejs ...
windows下pomelo开发环境搭建及JS乱码问题
from: http://blog.csdn.net/wangqiuyun/article/details/9243263 最近一直在研究node.js这一块,为的就是使用网易的pomelo框架,学习 ...
Docker02 基本命令、开发环境搭建、docker安装nginx、Dockerfile、路径挂载
1 基本命令 1.1 docker相关 centos6.5 安装docker环境 >sudo yum install -y http://mirrors.yun-idc.com/epel/6/i ...

Vue开发环境搭建，Vue.js安装，浏览器辅助工具Vue-devtools

Vue开发环境搭建，Vue.js安装，浏览器辅助工具Vue-devtools相关推荐

最新文章

热门文章