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…

站群CMS系统

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

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…

力扣热题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为主认证方…

数学公式——蓝桥杯赛题

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

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

电机的工作电流计算通常需要考虑多个因素&#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…

Mac下Docker Desktop starting的解决方法

记录下自己在新增了一个新的容器后&#xff0c;Disk Size过大导致启动Docker Desktop会一直卡在Docker Desktop starting&#xff0c;并且重启无效的解决方法。该方法无需重新卸载&#xff0c;并且能保留原有的镜像和容器。 一、确认问题 首先确认Docker.raw大小以确认是否和笔…

manacher算法

回文串的性质 回文串类似于ABA&#xff0c;ABCBA,AABBAA等的对于i具有s[i]s[n!-i]的字符串。 回文半径&#xff1a;对于一个回文中心i&#xff0c;如果它的半径为r&#xff0c;如果它为奇数长度的回文串的中心&#xff0c;则说明[ir1,ir-1]为一个回文串。如果i是偶数长度的回…

xtrabackup2.4

xtrabackup2.4只能备份5.*版本 [rootk8s-131 src]# mysql -V mysql Ver 14.14 Distrib 5.7.35, for linux-glibc2.12 (x86_64) using EditLine wrapper [rootk8s-131 src]# ll total 658516 -rw-r--r--. 1 7161 31415 666328842 Jun 7 2021 mysql-5.7.35-linux-glibc2.12-x…

最新版弹幕播放器源码,带后台

最新版弹幕播放器源码&#xff0c;带后台 测试正常分享&#xff0c;祝你使用愉快 弹幕后台、前置广告、暂停广告&#xff0c;记忆回放&#xff0c;自动下一集 支持&#xff1a;.m3u8、.mp4、.flv、等常见视频格式&#xff0c;兼容&#xff1a;电脑、手机端 源码截图&#xf…

【新手适用】手把手教你从零开始实现一个基于Pytorch的卷积神经网络CNN三: 如何验证和测试模型

【新手适用】手把手教你从零开始实现一个基于Pytorch的卷积神经网络CNN二&#xff1a; 如何训练模型&#xff0c;内附详细损失、准确率、均值计算-CSDN博客 从零开始实现一个基于Pytorch的卷积神经网络 - 知乎 (zhihu.com) 1 初始化、导入模型和数据集 新建一个test.py文件&a…

基于springboot+vue+Mysql的火车订票管理系统

开发语言&#xff1a;Java框架&#xff1a;springbootJDK版本&#xff1a;JDK1.8服务器&#xff1a;tomcat7数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09;数据库工具&#xff1a;Navicat11开发软件&#xff1a;eclipse/myeclipse/ideaMaven包&#xff1a;…

uniapp 开发之原生Android插件

开发须知 在您阅读此文档时&#xff0c;我们假定您已经具备了相应Android应用开发经验&#xff0c;使用Android Studio开发过Android原生。也应该对HTML,JavaScript,CSS等有一定的了解, 并且熟悉在JavaScript和JAVA环境下的JSON格式数据操作等。 为了插件开发者更方便快捷的开…