–HBuilderX vUE environment setup

Step1:

Download HBuilder X from HBuilder Xwww.dcloud.io/hbuilderx.h…

Step2: install node.js

** If you do not know whether node.Js is installed on your computer, you can open Cmd as administrator and type node -v.

** No installation can be downloaded and installed by clicking nodejs.org/en/

Step3: open HBudilder and create a vue project

Check the second to use HTML to reference vUE, thus creating an HTML project that can use VUE

The created project already includes vue.min.js and vue.js, which do not need to be downloaded and imported from the official website

Create a project with a script statement that imports vue.js by default

Step4: Write the first “Vue” program:

<div id="app"> <p>{{ mag }}</p> <! </div> </div> </div>Copy the code
Var vm = new Vue({el:'#app',// create Vue instance, Mag :'Hello vue.js! }}) </script> '// Vue provides instructions to easily render data to the page, can reduce manipulation of DOM elements}})Copy the code

The output

Now you can run Vue with HBuilderX. Let’s get started!