Vue前端框架技术及应用课件 附1-VUE环境搭建.pptxVIP

VUE开发环境搭建

教学内容：

安装Vue.js

安装vscode

安装vue-devtools

我的第一个Vue.js程序

教学目标：

完成VUE环境安装

本章要点

2.1使用CDN方式-无需安装vue

使用CDN方式来安装Vue框架，就是选择一个Vue.js链接的稳定的CDN服务商。在页面中引入Vue的代码如下：

scriptsrc=/vue@3/dist/vue.global.js/script

说明：

CDN的全称是ContentDeliveryNetwork，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。

2.1.1使用CDN方式创建vue应用

步骤1：引入vue.js

步骤2：定义模板

步骤3：定义vue实例

2.2安装vue-cli

安装步骤：

步骤1：安装Node.js

node.js官网：/en/download

安装成功后在cmd控制台输入node-v和npm-v验证是否安装成功

2.2安装vue-cli

安装步骤：

步骤2：配置淘宝镜像

安装cnpm

npminstall-gcnpm--registry=

2.2安装vue-cli

安装步骤：