Vue的前世今生与安装配置

vue的前世今生

Vue.js是一个流行的前端JavaScript框架,用于构建用户界面与单页应用程序(SPA)。它的诞生和发展可以概括为以下几个重要阶段:

  1. 初创阶段:Vue由中国人尤雨溪(Evan You)创建于2014年。最初是作为一个个人项目开始的,旨在提供一个简单而专注的工具,用于同步DOM和JavaScript对象。它的核心是一个响应式的数据驱动系统,以及一个灵活的组件系统。
  2. 版本迭代:在2015年10月,Vue 1.0正式发布,带来了模板语法改进和新特性。2016年9月,Vue 2.0发布,引入了虚拟DOM、跨端支持和新的渲染机制。2019年10月,Vue 3.0 alpha版发布,提供了性能提升、架构优化、按需引入和Composition API等新功能。
  3. 设计哲学:Vue的设计遵循CMD(Component-Model-View)规范,并采用MVVM(Model-View-ViewModel)模式。它的目标是提供一个渐进式的框架,即可从简单的组件开始,逐步扩展到完整的单页应用。
  4. 社区生态:随着时间的推移,Vue建立了一个庞大的开发者社区,并且拥有丰富的第三方库和工具,这些都极大地促进了Vue的普及和应用开发。
  5. 持续演进:Vue继续发展,不断满足现代Web开发的需要,如提供更好的TypeScript支持、更快的运行时性能和更易用的API等。

总的来说,Vue因其轻量级、易于上手和高效的数据绑定等特点,在前端框架中占据了一席之地,与其他主流框架如React和Angular形成三足鼎立之势。它的出现不仅改变了前端开发的范式,也推动了整个前端技术的发展进程。

vue的下载、安装和配置

安装地址

安装node.js

百度网盘:链接:https://pan.baidu.com/s/1tR6qIxXTsv1NhIUNmmKz_g?pwd=3jr8
提取码:3jr8
–来自百度网盘超级会员V2的分享

傻瓜式安装配置环境即可

安装vue命令如下:

npm install -g cnpm --registry=https://mirrors.huaweicloud.com/repository/npm/

cnpm install vue –g

cnpm install webpack –g

cnpm install --global webpack-cli

cnpm install @vue/cli –g

image-20240329141024104

遇到的问题

Microsoft Windows [版本 10.0.22631.3296]
© Microsoft Corporation。保留所有权利。

C:\Windows\System32>d:

D:>e:

E:>cd E:\2024年上期学习-长春师范大学\智能软件开发\Vue学习笔记\vue001

E:\2024年上期学习-长春师范大学\智能软件开发\Vue学习笔记\vue001>vue create studentms

‘vue’ 不是内部或外部命令,也不是可运行的程序

或批处理文件。

E:\2024年上期学习-长春师范大学\智能软件开发\Vue学习笔记\vue001>npm config list
; “builtin” config from D:\installs\Node\node_modules\npm\npmrc

prefix = “C:\Users\xiao\AppData\Roaming\npm”

; node bin location = D:\installs\Node\node.exe
; cwd = E:\2024年上期学习-长春师范大学\智能软件开发\Vue学习笔记\vue001
; HOME = C:\Users\xiao
; Run npm config ls -l to show all defaults.

E:\2024年上期学习-长春师范大学\智能软件开发\Vue学习笔记\vue001>npm install -g vue
npm ERR! code ETIMEDOUT
npm ERR! syscall connect
npm ERR! errno ETIMEDOUT
npm ERR! network request to https://registry.npmjs.org/vue failed, reason: connect ETIMEDOUT 104.16.0.35:443
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network ‘proxy’ config is set properly. See: ‘npm help config’

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\xiao\AppData\Local\npm-cache_logs\2024-04-02T00_34_29_771Z-debug-0.log

E:\2024年上期学习-长春师范大学\智能软件开发\Vue学习笔记\vue001>npm install -g vue
[

VSCode vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本

思丶行

于 2021-07-16 07:00:33 发布

阅读量391
收藏 1

点赞数
版权
1 解决办法:
2 运行powershell(管理员身份)
3 输入 set-ExecutionPolicy RemoteSigned


                        版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

image-20240402095552769

vue init webpack vue_test

Command vue init requires a global addon to be installed.
Please run npm i -g @vue/cli-init and try again.

解决办法:

run npm i -g @vue/cli-init

vue init webpack vue_test

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/787273.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

人工智能聊天机器人都有哪些?分享3款神奇的软件!

在数字化浪潮中,人工智能聊天机器人以其独特的魅力和实用性,逐渐成为我们生活中不可或缺的一部分。它们能够与用户进行智能互动,提供多元化的服务,让我们的生活更加便捷和高效。那么,市场上究竟有哪些领先的人工智能聊…

智能停车场物联网远程监控解决方案

智能停车场物联网远程监控解决方案 智能停车场物联网远程监控解决方案是一种集成了现代物联网技术、大数据分析以及云计算等先进技术手段,对停车场进行全面智能化管理的综合系统。它通过实时感知、精准采集和高效传输各类停车数据,实现对停车场运营状态…

springcloud基本使用二(远程调用)

创建两个springboot maven子项目 子项目名称分别为order-server和user-server 配置user-server子项目: 所需依赖: <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId> </dependenc…

浅析MNN

一、MNN介绍 MNN&#xff08;Mobile Neural Network&#xff09;是一个基于ARM计算平台的轻量级深度学习引擎&#xff0c;由阿里巴巴团队开发和维护。它针对移动端设备进行了高度优化&#xff0c;旨在提供高效、便捷的深度学习模型推理能力。MNN的设计理念是将高性能与易用性相…

递归---算法

1、概念 在数学与计算机科学中&#xff0c;是指在方法的定义中使用方法自身。递归算法是一种直接或者间接调用自身方法的算法&#xff0c;即在定义自身的同时又出现自身的直接或间接调用。 特点&#xff1a; 递归就是方法里调用自身。在使用递归策略时&#xff0c;必须有一个…

站群CMS系统

站群CMS系统是一种用于批量建立和管理网站的内容管理系统&#xff0c;它能够帮助用户快速创建大量的网站&#xff0c;并实现对这些网站的集中管理。以下是三个在使用广泛的站群CMS系统&#xff0c;它们各具特色&#xff0c;可以满足不同用户的需求。 1. Z-BlogPHP Z-BlogPHP是…

c# 内存碎片化

内存碎片化是一个性能问题&#xff0c;它出现在动态内存分配调用&#xff08;如C#中的new操作符&#xff09;过程中。紧凑的内存块在被频繁分配和释放后&#xff0c;可能导致剩余的空闲内存块被分散在一整块内存中&#xff0c;这就是碎片化。这种情况下&#xff0c;你可能有足够…

4年经验来面试20K的测试岗,一问三不知,我还真不如去招应届生。

公司前段缺人&#xff0c;也面了不少测试&#xff0c;结果竟然没有一个合适的。一开始瞄准的就是中级的水准&#xff0c;也没指望来大牛&#xff0c;提供的薪资在10-20k&#xff0c;面试的人很多&#xff0c;但平均水平很让人失望。看简历很多都是4年工作经验&#xff0c;但面试…

vue使用i18n

&#x1f388;个人主页&#xff1a;靓仔很忙i &#x1f4bb;B 站主页&#xff1a;&#x1f449;B站&#x1f448; &#x1f389;欢迎 &#x1f44d;点赞✍评论⭐收藏 &#x1f917;收录专栏&#xff1a;前端 &#x1f91d;希望本文对您有所裨益&#xff0c;如有不足之处&#x…

【LeetCode热题100】【普通数组】轮转数组

题目链接&#xff1a;189. 轮转数组 - 力扣&#xff08;LeetCode&#xff09; 用额外数组的话&#xff0c;时间和空间复杂度都是O(n) 不用二维数组直接循环移动kn次暴力会超时&#xff0c;时间复杂度达到了O(kn) 考虑轮转的结果&#xff0c;向右移动k个位置的结果相对于整体…

Mysql实用SQL例子

查询一天内登陆两次以上的用户 分析&#xff1a; 数据存储结构为&#xff1a;用户信息表 和 登陆记录表。 登陆记录表一般会有用户ID&#xff0c;登陆时间这两个核心字段。先从登陆信息表中找到一天内登陆两次以上的用户&#xff08;id&#xff09;关联用户信息表得到用户信息…

力扣热题100_链表_141_环形链表

文章目录 题目链接解题思路解题代码 题目链接 141. 环形链表 给你一个链表的头节点 head &#xff0c;判断链表中是否有环。 如果链表中有某个节点&#xff0c;可以通过连续跟踪 next 指针再次到达&#xff0c;则链表中存在环。 为了表示给定链表中的环&#xff0c;评测系统…

2024年网络安全运营体系建设方案

以下是部分WORD内容&#xff0c;请您参阅。如需下载完整WORD文件&#xff0c;请前往星球获取&#xff1a; 网络安全运营监控工作整体构想 工作目标及原则 工作目标 为进一步落实强化公司网络安全保障&#xff0c;有效支撑公司数字化转型战略&#xff0c;建立健全公司网省两级协…

HCIP(DSVPN)实验

HCIP&#xff08;DSVPN&#xff09;实验 一&#xff0c;实验要求&#xff1a; 1、r5为isp&#xff0c;只能进行ip地址的配置&#xff0c;其所有ip地址均为共有ip地址 2、r1和r5使用ppp的PAP认证&#xff0c;r5为主认证方 r2和r5之间使用ppp的chap认证&#xff0c;r5为主认证方…

imu测试--UDP、PTP

imu测试–UDP、PTP UDP 服务器端口&#xff1a; nc -lu -p 52340;客服端&#xff1a; nc -u 192.168.101.175 52340列出linux所以的开放端口 sudo netstat -tulpn或者$ sudo ss -tulpn状态列显示端口是否处于侦听状态(LISTEN)。 在上面的命令中&#xff0c;标志&#xff…

数学公式——蓝桥杯赛题

题目信息 解题代码 def isintersect(k1, b1, k2, b2):# 如果两条直线的斜率不相等&#xff0c;则它们必定相交if k1 ! k2:return Trueelse:return False# 定义一个函数getpoint&#xff0c;用于计算两条直线交点的坐标 def getpoint(k1, b1, k2, b2):# 使用直线交点公式计算交…

快速安装sudachipy日语包

1、前往 https://rustup.rs 下载并安装 Rustup Linux系统可直接运行以下命令 Window系统需要去网站下载exe包 curl --proto https --tlsv1.2 -sSf https://sh.rustup.rs | sh2、安装 Rust 编译器 rustup install stable3、设置默认版本 rustup default stable4、重新安装 …

电机的工作电流怎么计算?

电机的工作电流计算通常需要考虑多个因素&#xff0c;包括电机的额定功率、工作电压、效率以及负载情况等。以下是一个基本的计算方法&#xff0c;用于估算直流电机或交流电机在特定条件下的工作电流。 了解电机参数 额定功率 (P_rated) 电机的额定功率是指在额定工作条件下&am…

基于Websocket的局域网聊天系统

1.1 研究背景及意义 本项目所对应领域的研究背景及意义[1]。新冠肺炎局域网通信发生以来&#xff0c;大数据、云计算、人工智能等新一代信息技术加速与交通、局域网通信、教育、金融等领域深度融合&#xff0c;让局域网通信防控的组织和执行更加高效&#xff0c;成为战“疫”的…

Spring源码基础解析

这里写目录标题 Spring从哪开始&#xff1f;Spring的基本运行BeanFactoryPostProcessor与BeanPostProcessor的区别BeanFactoryPostProcessor用来处理bean的定义信息BeanDefinitionBeanPostProcessor用来处理Bean对象&#xff08;包含实例化与初始化&#xff09; Environment Sp…