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

Editor to share with you an example of vscode building vue project, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

1. Install Vscode, nodejs and so on in advance.

2. Global installation of vue-cli,vue-cli can help us build Vue projects quickly.

Installation commands:

Npm install-g vue-cli

Open the terminal of VScode and bring up the command input box. Click Terminal-New Terminal, enter the above command, enter, and wait for the installation to be completed.

3. Install webpack, which is a tool for packaging js

Installation commands:

Npm install-g webpack

Installation method is the same as above.

4, after the installation is complete, you can start to create a vue project, first create a folder to store your project, open the corresponding folder with vscode, and cd to the corresponding folder in the terminal. For example, my folder is myvue.

Create project command, enter enter:

Vue init webpack myvue

Myvue is the name of the project, which you choose according to your preferences.

Then some configuration items will appear, which can be configured as needed, or by default, press enter directly.

Then continue to wait for the dependency to be installed. After completion, a basic vue project is built. When you are finished, you can see the following directory on the left side of the vscode, where main.js is the entry.

5. Then run the project, first cd to the project folder, cd myvue, and then enter the following instructions

Npm run dev

After the success, then type: http://localhost:8080 in the browser, see the following screen is a success.

6. Project packaging, release and launch

Enter the command:

Npm run build

When you are finished, a dist folder will appear in the project folder, which will contain the contents of the package. Just deploy it directly.

These are all the contents of this article entitled "examples of vscode Building vue projects". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.