vue简介与环境搭建

news/2024/11/3 4:15:09/

该栏目会非定期出教学视频,文档一般与视频关联,感谢观看。b站搜索博主同名,可观看教学视频。

一、Node.js

什么是node?是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python等服务端语言平起平坐的脚本语言。

简单说就是可以使JavaScript独立运行的一个环境。

通过Node.js可以像Java,PHP等语言一样搭建服务端(点击查看搭建方法),接收请求和返回请求,处理IO等。

vue.js就可以基于该环境再配合路由、请求等,搭建一个可独立运行的前端完整项目(目前前后端分离项目都是如此)

点击查看Node安装方法

二、NPM

npm是Node Package Manager(Node包管理器)的简写,由于Node包的管理和分发,我们通常做项目需要其他包来完成想要的功能,就可以通过npm来引入。就像Java项目中的Maven一样,需要什么依赖,就可以快速引入。

点击查看npm常用命令说明

三、Vue.js

Vue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助开发者高效地开发用户界面。

说白了就是很简单却挺牛的JavaScript框架。而且还是国产货。目前小程序、很多app也都基于此。比如国货uniapp也是不错的,相信HBuilder都用过,没错跟uniapp是一家。

四、搭建环境

介绍完上面,现在我们进入正题,搭建环境。

首先还是要安装Node环境那就回到标题一看看Node安装方法吧😛😛,然后~全局安装vue,不过Node安装方法中已经写了😁😁,到这儿环境就搭建好了,继续看下面吧。

五、创建项目

创建vue项目可选择两种方式

  • 可视化(vue ui)
  • 命令创建(vue create 名称)

看个人爱好吧,不过我比较喜欢可视化。

然后我们就开始吧:《vue快速入门文档》


http://www.ppmy.cn/news/30113.html

相关文章

时序预测 | MATLAB实现IWOA-BiLSTM和BiLSTM时间序列预测(改进的鲸鱼算法优化双向长短期记忆神经网络)

时序预测 | MATLAB实现IWOA-BiLSTM和BiLSTM时间序列预测(改进的鲸鱼算法优化双向长短期记忆神经网络) 目录时序预测 | MATLAB实现IWOA-BiLSTM和BiLSTM时间序列预测(改进的鲸鱼算法优化双向长短期记忆神经网络)预测效果基本介绍程序设计参考资料预测效果 基本介绍 MATLAB实现IWO…

【算法】DFS与BFS

作者:指针不指南吗 专栏:算法篇 🐾题目的模拟很重要!!🐾 文章目录1.区别2.DFS2.1 排列数字2.2 n-皇后问题3.BFS3.1走迷宫1.区别 搜索类型数据结构空间用途过程DFSstackO( n )不能用于最短路搜索到最深处&a…

基于Java的某石材公司货物管理系统的设计与实现

技术:Java、JSP等摘要:随着信息化技术的发展,计算机的应用已迅速扩展到企事业管理与办公自动化领域,而数据库技术也被广泛应用。电脑操作及管理日趋简化,电脑知识日趋普及,同时市场经济快速多变、竞争激烈&…

Spark使用Log4j将日志发送到Kafka

文章目录自定义KafkaAppender修改log4j.properties配置启动命令配置添加参数启动之后可以在Kafka中查询发送数据时区问题-自定义实现JSONLayout解决自定义JSONLayout.java一键应用可能遇到的异常ClassNotFoundException: xxx.KafkaLog4jAppenderUnexpected problem occured dur…

软工2023个人作业二——软件案例分析

项目内容这个作业属于哪个课程2023年北航敏捷软件工程这个作业的要求在哪里个人作业-软件案例分析我在这个课程的目标是学习并掌握现代软件开发和项目管理技术,体验敏捷开发工作流程这个作业在哪个具体方面帮助我实现目标从软件工程角度分析比较我们所熟悉的软件&am…

做程序界中的死神,锻造合适的斩魂刀

标题解读:标题中的死神,是源自《死神》动漫里面的角色,斩魂刀是死神的武器,始解是斩魂刀的初始解放形态,卐解是斩魂刀的觉醒解放形态,也是死神的大招。意旨做程序界中程序员的佼佼者,一步一步最…

实验一 Python编程基础

目录 一、实验目标 二、实验内容 1.绘制如下图形 ,一个正方形,内有三个红点,中间红点在正方形中心。 2.使用turtle库绘制如下图形: 3.绘制奥运五环图 4.回文问题 5.身份证性别判别 6.数据压缩 7.验证哥德巴赫猜想 8.使…

【汇编】三、寄存器(一只 Assember 的成长史)

嗨~你好呀! 我是一名初二学生,热爱计算机,码龄两年。最近开始学习汇编,希望通过 Blog 的形式记录下自己的学习过程,也和更多人分享。 上篇系列文章链接:【汇编】二、预备知识(一只 Assember 的…