全栈Vue 3指南：深入探索Vue.js

需积分: 9 45 浏览量更新于2024-06-27 收藏 10.13MB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

Your first Vue.js Web Application 8

Development environment setup

Code editor

Regardless of experience, whenever developing for the web, we’ll need a code editor to write our

application (this is true for all code in this book). It’s most important to be comfortable with your

code editor, so if you have one you like, stick with it. If not, we recommend Atom¹⁵, Sublime Text

3¹⁶

, or Visual Studio Code¹⁷.

Development Environment

For this chapter, we’ll focus on getting our Vue app up and running as fast as possible, so we’ll simply

introduce Vue through a Content Delivery Network (CDN). We’ll take a deeper look into installing

all the necessary libraries for our development environment in the next chapter.

Browser

We highly recommend using the

Google Chrome Web Browser¹⁸ to develop Vue apps since we’ll be

using the

Chrome developer toolkit¹⁹ throughout this book. To follow along with our development

and debugging, we recommend installing Chrome, if not installed already.

With Chrome, Vue provides an incredibly useful extension, Vue.js devtools²⁰ that simplifies debug-

ging of Vue applications. We’ll be using the devtools at separate points throughout the book so we

encourage you to install it as well. To have the devtools support Vue 3, you may need to install the

new

devtools extension²¹ currently being developed.

Note: With certain chapters in this book (like this chapter for example), we’ll be working with

applications opened via file:// protocol. To make the Vue devtools work for these pages, you’ll

need to check “Allow access to file URLs” for the extension in Chrome’s extension manager:

Allow access to file URLs

¹⁵http://atom.io

¹⁶https://www.sublimetext.com/

¹⁷https://code.visualstudio.com/

¹⁸https://www.google.com/chrome/

¹⁹https://developers.google.com/web/tools/chrome-devtools/

²⁰https://github.com/vuejs/vue-devtools

²¹https://v3.vuejs.org/guide/migration/introduction.html#devtools-extension

Your first Vue.js Web Application 9

JavaScript ES6/ES7

JavaScript is the language of the web. It runs on many different browsers, including Google Chrome,

Firefox, Safari, Microsoft Edge, and Internet Explorer. Different browsers have different JavaScript

interpreters which execute JavaScript code.

Its widespread adoption as the Internet’s client-side scripting language led to the formation of a

standards body which manages its specification. The specification is called ECMAScript or ES.

The 5th edition of the specification is called ES5. We think of ES5 as a “version” of the JavaScript

programming language. Finalized in 2009, ES5 was adopted by all major browsers within a few years.

The 6th edition of JavaScript is referred to as ES6. Finalized in 2015, the latest versions of major

browsers are still finishing adding support for ES6 as of 2017. ES6 provides a significant update. It

contains a whole host of new features for JavaScript, almost two dozen in total. JavaScript written

in ES6 is tangibly different than JavaScript written in ES5.

ES7, a much smaller update that builds on ES6, was ratified in June 2016. ES7 contains only two new

features.

To take advantage of the future versions of JavaScript, we want to write our code in ES6/ES7 today.

We’ll also want our JavaScript to run on older browsers until they fade out of widespread use.

This book is written using the JavaScript ES7 version. As ES6 ratified a majority of these new features,

we’ll commonly refer to these new features as ES6 features.

ES6 is sometimes referred to as ES2015, the year of its finalization. ES7, in turn, is often

referred to as ES2016.

Getting started

Sample Code

All the code examples/snippets contained in this chapter (and all the other chapters) are available

in the code package that came with the book. In the code package we’ll see completed versions of

the apps as well as boilerplates to help us get started. Each chapter provides detailed instruction on

how to follow along on our own.

While coding along with the book is not necessary, we highly recommend doing so. Playing around

with examples and sample code will help solidify and strengthen understanding of new concepts.

剩余624页未读，继续阅读

96Code

粉丝: 10
资源: 35

全栈Vue 3指南：深入探索Vue.js

Fullstack Vue 3_ The Complete Guide to Vue.js

fullstack vue - the complete guide to vue.js

Fullstack Vue: The Complete Guide to Vue.js

Vue.js数据可视化实践：结合D3.js和Echarts

Vue.js 3入门指南：基础概念和环境搭建

Vue.js 基础入门教程：从零开始学习Vue.js

Vue CLI：快速构建 Vue.js 项目

Vue.js 与 Vuex 实战：构建基本的 To-do List 应用

fullstack vue 下载

fullstack vue3

fullstack vue code

vue.js和vue.min.js下载

vue.js和vue.min.js资源文件下载

我的vue项目中只有babel.config.js没有vue.config.js

vue.global.js和vue.js区别

vue +three.js

+vue+create+is+a+Vue+CLI+3+only+command+and+you+are+using+Vue+CLI+2.9.6.+++You+may+want+to+run+the+following+to+upgrade+to+Vue+CLI+3:

vue2ScaleBox.umd.min.js You may need an appropriate loader to handle this file type.

为什么vue3项目是vue.config.js不是vite.config.ts

最新资源