How to set up the vscode vue project you just downloaded
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!
