【Vue】环境搭建

news/2024/7/10 1:55:47 标签: vue

Vue 简介:

一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

优点:

  1. JavaScript扩建
  2. 简化 Dom 驱动

Dom: 文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。简言之,它会将 web 页面和脚本或程序语言连接起来。

  1. 响应式数据驱动

了解了 Vue 大概是什么之后,下面我们来进行 Vue 环境的搭建

1. 安装 Node.js

Node.js 是什么?
在 Node.js 之前,JavaScript 只能运行在浏览器中,作为网页脚本使用,为网页添加一些特效,或者和服务器进行通信。有了 Node.js 以后,JavaScript 就可以脱离浏览器,像其它编程语言一样直接在计算机上使用,想干什么就干什么,再也不受浏览器的限制了。因此,Node.js 并不是一门新的编程语言,也不是一个 JavaScript 框架,它是一套 JavaScript 运行环境,用来支持 JavaScript 代码的执行。用编程术语来讲,Node.js 是一个 JavaScript 运行时(Runtime)

下载地址为 node.js官网,选择适合自己的版本安装即可。安装过程一路 next

安装结束后,通过 cmd 命令行输入下列代码查看 node.js 是否安装成功

node -v

安装 node.js 的同时会按照 npm,可通过 cmd命令行输入下列代码查看 npm 是否安装成功

npm -v

在这里插入图片描述

2. 安装 cnpm

cnpm 是什么?
npm的远程服务器在国外,所以有时候难免出现访问过慢,甚至无法访问的情况。因此cnmp 就是另一个我们国内的更快的镜像。

cnmp 镜像官网:http://www.npmmirror.com/?spm=a2c6h.14029880.0.0.73593839L8bWkC

通过 cmd 命令行输入以下代码安装 cnpm

npm install -g cnpm --registry=https://registry.npmmirror.com

3. 安装 Vue CLI

Vue CLI 官网地址 :https://cli.vuejs.org/zh/

通过 cmd 命令行输入以下代码安装(nmp 换为 cnmp 防止因网络问题导致下载不成功):

cnpm install -g @vue/cli

执行完上步就安装完毕了,通过 cmd 命令行输入下列代码查看是否安装成功

vue -V

在这里插入图片描述

4. 安装 webpack

webpack 是一款开源的前端打包工具,安装方式如下:

cnpm install webpack -g

http://www.niftyadmin.cn/n/1939.html

相关文章

隔离出来的“陋室铭”

被隔离了 日常锻炼身体就是去公司旁边的酒店游泳,结果酒店里除了小阳人,我就喜提次密称号,7天隔离走起;又因为不想耽误家里孩子上学,老人外出,就选择了单独隔离,结果就拉到了单独的隔离点&…

Android - UI开发指南

文章目录调试工具查看view的边界和margin、padding查看布局属性层次和控件的属性布局开发布局命名空间 app、android、toolsConstraintLayout调试工具 查看view的边界和margin、padding 开发者选项 > 显示布局边界 开启这个选项后界面上每一个空间周围会多出来红色和蓝色的…

【Linux学习】基础IO

目录前言一、C语言文件IO1. C语言文件接口以及打开方式2. 对当前路径的理解3. 默认打开的三个流二、 系统文件IO1. 系统接口openwritereadclose系统接口和库函数2. 文件描述符及其分配规则文件描述符文件描述符分配原则3. 重定向及dup2系统调用重定向标准输出和标准错误的区别d…

基于51单片机的信号发生器设计

目 录 引言... 1 1 课题背景意义及研究内容... 1 1.1 课题背景及研究意义... 1 1.2 课题研究内容... 2 2 设计方案选择... 2 2.1 系统控制芯片选择... 2 2.2 信号发生方式选择... 2 2.3 系统整体设计方案... 2 3 系统硬件设计... 3 3.1 单片机最小系统... 3 3.1.1单片机S…

C++11:新特性(11-20)

十一:委托构造函数 C11中,委托构造函数使用它所属类的其他构造函数执行它自己的初始化过程,或这说自己的一些职责委托给了其他构造函数。 格式为: class data { public://构造函数data(int a,int b,int c):_a(a),_b(b),_c(c){}…

linux基本操作之gvim

文章目录 一、GVIM介绍及安装二、配置GVIM界面2.1、简单.vimrc配置使用2.2、功能齐全的.vimrc及插件配置2.3、gvim常用窗口编辑操作2.4、gvim三种工作模式三、gvim常用命令(均在命令模式下才可用)3.1、常用的光标移动快捷键3.2、删除操作(delete)以`d`为关键字3.3、改变和替…

对接抖音开发之售后消息实时通知订单部分退款

目录 前言 一、抖音开发中的售后消息 二、抖音运营反馈的业务需求分析 三、整体的业务开发思路 四、售后消息的代码开发 1.售后消息的使用 2.实时保存抖音平台过来的售后消息 3.具体的订单业务处理 总结 前言 这里主要是介绍一下抖音开放平台的这个售后消息的实际使用…

C和C++中的bitset

文章目录前言一. C中的bitset简述1.1 头文件1.2 声明定义1.2 成员函数和使用方法1.3 转换函数二、C语言基于数组实现bitset2.1 逻辑思路2.2 实现方法前言 C/C中没有bool类型,使用整形值表示bool类型占内存较多。C中推出了bitset类库来,可以使用一个bit位…