Manually install Vue Devtools

Been looking for a job lately. I see the requirements, html, css, js are all basic. Now you have to know angularjs or vue.js to practice. So I'm ready to start learning Vue.

I started with a simple start and introduced vue.js directly in the file. There was a problem while running.

Questions are as follows:

 

The key is the line in the red circle.

The first time you run vue, there is an error. Of course, this will not work. If you encounter a problem, please Baidu first.

The first solution is to go to the chrome store to download, but that requires overcoming the wall.

I use the second way to install manually.

Let's install this vue devtools

1、

Download Project - Project Address

2. Unzip the project and enter the project directory.

3. Download the dependencies and execute npm install (you can use cnpm install if you have installed the Taobao image)

Execute npm run build

At this point, the contents of the folder are as follows:

4. Modify persistent in manifest.json under chrome under shells to true.

5. Open the chrome extension

Turn on developer mode

 

After turning on the developer mode, the unzipped extension will appear.

6. Remember the chrome folder under the shells you just modified, drag the chrome folder into the browser extension, and check Enable.

Alright, I'm fine.

Now let's run the project I just now, and see if it will report an error.

All right.

 

 

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325905013&siteId=291194637