![]() Next, modify the to reflect the Vue library file local location, we should end up with. Our JavaScript file will likely be in - ‘js/’ relative to “index.html” if you followed the above instructions accurately. If you want to develop while off-line, I would advise that you download that file, by visiting and right clicking on the resulting gibberish page, click save as, and save it inside a “js” directory that you need to create inside the “projects” directory we created above. The above library file is externally hosted on, meaning, you need to have an active Internet connection to access and successfully develop locally with it. If everything was done per these instructions, you should see “Hello World!” on your browser. Place the file inside a directory of your choice, probably one named “projects” or “vue-practice” for arrangement’s sake, then drag-and-drop the “index.html” file onto an open browser window. To run the classic “Hello World” app above, all we need is the externally sourced Vue library in the script tag, and the rest of our Vue code.Ĭopy the above code into a file, and name it “index.html”. Most modern browsers support dragging and dropping supported files onto their tabs, they will handle the rest for you. Next, open that file inside your browser. Place your code inside the HTML file and save it. ![]() Without build toolsįor a simple app, or when you are just starting with Vue, to avoid much confusion, all you need is a single HTML file inside your project directory. This is because there are two main ways to do it. Well, running Vue code locally is down to the complexity and size of your app, or just a preference on the way of doing it. So much talk, can we get to doing what the title says. Modify the code to test more of what you’ve learnt trying your own custom scenarios. Try running the code locally or on on-line playgrounds such as StackBlitz and CodePen, whichever you find to be convenient. If you’ve been learning from any other site or resource, then the process is the same, all you need to do is copy the code you are provided, to see if the description of how it works aligns with when you run it. If you have been learning through this site, the code blocks found in the articles give you an option to copy the code inside them or open an external link when provided, to where you can see the code in action. So how do we get our hands code-dirty? You might ask. Just watching and reading the tutorials will not get you to where you want to be, you need to get your hands dirty. If you have just started learning VueJs and are enjoying the journey with the progressive framework, what might be the best way to perfect the learning process than actually practicing the code.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |