官术网_书友最值得收藏!

  • 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

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:

  1. Create a new .html file in any folder and open it.
  2. 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>
  1. 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>
  1. 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>
主站蜘蛛池模板: 冀州市| 荃湾区| 辉县市| 永城市| 平和县| 江源县| 临安市| 汉中市| 虎林市| 祁连县| 钟山县| 芦溪县| 宁蒗| 清远市| 双辽市| 滁州市| 信丰县| 南昌市| 如东县| 浙江省| 巢湖市| 从江县| 自治县| 东兰县| 开化县| 黄浦区| 绥芬河市| 舟山市| 明水县| 达尔| 哈巴河县| 绥阳县| 呈贡县| 张家港市| 青州市| 望奎县| 寻乌县| 清涧县| 中超| 甘孜县| 凌海市|