Shulou(Shulou.com)06/02 Report--

This post is about how to build the vscode vue project that you just downloaded. Xiaobian thinks it is quite practical, so share it with everyone for reference. Let's follow Xiaobian and have a look.

How to build a vscode vue project just downloaded

I. Plug-in installation

Install the vue plug-in vetur to achieve code highlighting that supports vue files

Install plug-ins: click the Extensions icon on the left of vscode, enter vetur, find the corresponding version and click install

Install ESLint plug-ins in the same way.

Install node.js

Go to the official website to download the installation package. After the download is completed, install it by default. After the installation is completed, open cmd and enter the following command to check whether the installation is successful (npm is installed together).

C:\Users\45014>node -vv8.11.3C:\Users\45014>npm -v5.6.0C:\Users\45014>

Third, the use of scaffolding installation projects

vscode Click on the Terminal menu, select new Terminal, create a command line terminal window, and then switch to the corresponding directory ready to store code.

Enter: vue init webpack vue_test Enter, and then enter the project name vue_test

Then follow the instructions and enter

PS D:\Study\code\vue> cd vue_testPS D:\Study\code\vue\vue_test> npm run dev > vue_test@1.0.0 dev D:\Study\code\vue\vue_test> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 13% building modules 27/31 modules 4 active ...:\ Study\code\vue\vue_test\src 95% emitting DONE Compiled successfully in 6043ms 9:10:00 PM I Your application is running here: http://localhost:8080

IV. Open the browser and enter: http://localhost:8080

This creates a project using vscode.

Thank you for reading! About "just downloaded vscode vue project how to build" this article is shared here, I hope the above content can be of some help to everyone, so that everyone can learn more knowledge, if you think the article is good, you can share it to let more people see it!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.