- Vue.js 3 Cookbook
- Heitor Ramon Ribeiro
- 249字
- 2021-06-11 18:11:53
Technical requirements
In this chapter, we will be using Node.js and Vue-CLI.
Attention Windows users! You need to install an NPM package called windows-build-tools to be able to install the following requisite packages. To do this, open Power Shell as an administrator and execute the following command:
> npm install -g windows-build-tools
> npm install -g windows-build-tools
To install Vue-CLI, you need to open Terminal (macOS or Linux) or Command Prompt/PowerShell (Windows) and execute the following command:
> npm install -g @vue/cli @vue/cli-service-global
Creating the base file
In all recipes in this chapter, we will use this base template which we will create now. Make sure you follow these steps to create the file before starting the example in the recipe:
- Create a new .html file in any folder and open it.
- Create an html tag and add a head HTML element as a child. Inside the head HTML element, add a script HTML element with the src attribute defined as http://unpkg.com/vue@next:
<html>
<head>
<script src="https://unpkg.com/vue@next"></script>
</head>
</html>
- As a sibling of the head HTML element, create a body HTML element. Inside the body HTML element, add a div HTML element with the attribute id defined as "app":
<body>
<div id="app">
</div>
</body>
- Finally, as a sibling of the div HTML element, create a script HTML element, with empty content. This will be where we will place the code for the recipes:
<script></script>
推薦閱讀
- 圖解西門子S7-200系列PLC入門
- Istio入門與實戰
- 龍芯應用開發標準教程
- 單片機原理及應用系統設計
- 從零開始學51單片機C語言
- Camtasia Studio 8:Advanced Editing and Publishing Techniques
- Practical Machine Learning with R
- VMware Workstation:No Experience Necessary
- Managing Data and Media in Microsoft Silverlight 4:A mashup of chapters from Packt's bestselling Silverlight books
- Mastering Machine Learning on AWS
- 觸摸屏應用技術從入門到精通
- Instant Website Touch Integration
- 計算機組成技術教程
- 微服務架構實戰:基于Spring Boot、Spring Cloud、Docker
- ARM接口編程