VUE2安装步骤

这篇具有很好参考价值的文章主要介绍了VUE2安装步骤。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、node.js安装和配置

1.安装前,先看看自己电脑上有没有node.js

打开命令提示符,尽量选择管理员身份打开,或者按win+R,输入cmd打开也行

vue2安装,前端,javascript,开发语言

 打开后输入node -v 查看自己电脑是否安装node,以及版本号

node -v

 我这里显示v16.6.0 就是已经安装了node。

vue2安装,前端,javascript,开发语言

 2.官网下载

最新版本:Download | Node.js(点击下载) 

因为node里面带npm,所以等下配置好环境就可以用npm了,这里下载的时候可以看到下载的版本。

vue2安装,前端,javascript,开发语言

3.配置环境

下载node后记住自己的安装位置,然后配置环境,这一步很多人都发过,可以点击node安装看看博主们发的过程。

4.npm安装淘宝镜像(可跳过)

npm全称Node Package Manager,是node.js的模块依赖管理工具。由于npm的源在国外,所以国内用户使用起来各种不方便。

cnpm与npm都是下载依赖,不过cnpm有时候真的很有用,所以还是有配置一下的必要。

npm镜像的切换
查看当前库:npm config get registry 或者 npm get registry

设置官方库:npm config set registry https://registry.npmjs.org

设置淘宝镜像:npm config set registry https://registry.npm.taobao.org/

npm config set registry https://registry.npmjs.org
npm config set registry https://registry.npm.taobao.org/        

 复制上述代码配置一下就好。
接下来是Vue的安装了。

二、Vue和脚手架安装

1.安装vue.js

一般是全局安装,-g是全局安装,指安装到global全局目录去。

我需要的是2.0版本的,所以我使用这个命令;(二选一都可以)

npm install  -g  @vue-cli@版本号

也可以是局部安装

npm  i   -D   @vue/cli@版本号 

也可以不写版本号 会直接安装最新版本的   vue -V 是查看安装版本号的

vue2安装,前端,javascript,开发语言

2.创建项目

(1)执行如下代码 (二者选一)

//全局(-g)

vue create 项目名称

//局部  (-D)

npx vue create  项目名称

 (2)输入后会出现三种选项 前两种会自动配置 最后一种是手动配置 可以按照你得自己的需求配置 (按反向键 上下键  为上下移动 选中后 按回车即可)

vue2安装,前端,javascript,开发语言

 (3)我选择时手动配置  选完安回车即可

vue2安装,前端,javascript,开发语言

(4)我们安装的是vue2  选2.0 即可

vue2安装,前端,javascript,开发语言

 (5)后面的三个问题按回车就行  到选择css语言是我选择的是less  他比较简单点

vue2安装,前端,javascript,开发语言

 (6)选择一个linter/formatter配置 我没有选择  直接回车就好

vue2安装,前端,javascript,开发语言

(7)后面的问题基本对我都没用  之间按回车了  之后会出现这样的 (在下载过程中有停顿时间长的话课按回车即可)

vue2安装,前端,javascript,开发语言

 (8)最后根据他的提示 进入你的项目  在执行npm  run  serve   启动项目即可

 vue2安装,前端,javascript,开发语言

(9)复制第一个链接 在浏览器打开即可  出现vue2 默认页面

vue2安装,前端,javascript,开发语言

 到这里就结束了哦!!!!!文章来源地址https://www.toymoban.com/news/detail-787781.html

到了这里,关于VUE2安装步骤的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端系列——vue2+高德地图web端开发(使用和引入)

    本人非专业前端开发,其实是搞后端的,但是正好接了一个项目需要我负责全栈,所以写了这个系列的文章,如果以后项目可以开源我会放出来的 本次我们要实现的是vue2+高德地图的网页开发 本文需要大家系统学过vue以及初步了解高德地图的情况下理解起来会十分省力 高德

    2024年01月16日
    浏览(46)
  • vue3前端开发,感受一下组合式api和VUE2选项式的差异

    vue3前端开发,感受一下组合式api和VUE2选项式的差异!今天开始,正式开始,进入学习Vue3的内容。以后代码,案例分享,都会采用组合式api的模式为大家做展示。 今天是第一节,带大家感受一下,Vue3的组合式api和之前传统的vue2版本选项式api的差别。 首先,大家需要提前使用

    2024年01月19日
    浏览(37)
  • Jeecg开发框架前端VUE2数据页面与后端数据库交互实现

    ​ JeecgBoot 是一款基于代码生成器的 低代码 开发平台,零代码开发!采用前后端分离架构:SpringBoot2.x,Ant DesignVue,Mybatis-plus,Shiro,JWT。强大的代码生成器让前后端代码一键生成,无需写任何代码! JeecgBoot引领新的开发模式(Online Coding模式- 代码生成器模式- 手工MERGE智能开发

    2024年02月11日
    浏览(41)
  • Vue2项目创建步骤

    空格键是选中与取消,A键是全选 TypeScript 支持使用 TypeScript 书写源码 Progressive Web App (PWA) Support PWA 支持。 Router 支持 vue-router 。 Vuex 支持 vuex 。 CSS Pre-processors 支持 CSS 预处理器。 Linter / Formatter 支持代码风格检查和格式化。 Unit Testing 支持单元测试。 E2E Testing 支持 E2E 测试。

    2023年04月24日
    浏览(41)
  • 【前端vue面试】vue2

    computed 有缓存,基于响应式依赖数据(基于data中声明过或者父组件传递的props中的数据)发生改变,才会重新进行计算 数据变,直接会触发相应的操作 watch监听引用类型,需要添加deep:true深度监听,拿不到oldVal(旧值),因为新值和老值指针相同。 v-show 和v-if 都是做条件隐

    2024年02月08日
    浏览(38)
  • 2023Vue2如何迁移Vue3:附上具体步骤!!!

    Vue3已经发布了,它带来了许多改进和新特性。如果你正在使用Vue2,你可能会想知道如何将你的应用程序迁移至Vue3。在本篇博文中,我们将讨论如何迁移Vue2应用到Vue3。 Vue3提供了一些新特性和改进,例如更好的性能、响应式API的改进、更好的TypeScript支持等等。此外,Vue3还提

    2024年02月16日
    浏览(33)
  • 【手机号验证/前端】Vue2+elementUI编写一个手机号验证码登录页面,路由式开发(附完整代码)

    目录 效果图: 一、template部分 二、style样式 三、script部分 1.先对手机号的格式进行一个判断 2.接下来就是表单验证规则rules 3.最后就是methods了 (1)首先我们给获取验证码绑定一个方法 (2)然后封装一个axios接口,方便后面测试联调(这部分每个人封装的都不一样) (3)然

    2024年02月17日
    浏览(50)
  • vue2引入Element UI的详细步骤

    目录 一、Element UI介绍 Element UI的特点: 二、下载配置Element UI (零)创建vue项目 (一)下载Element UI依赖   (二)全局文件main.js中引入Element UI 三、删除多余的东西  (一)删除App.vue多余的  (二)删除多余的页面  (三)删除router路由多余的  四、新建vue页面 (一)新建

    2024年02月08日
    浏览(89)
  • 【前端框架】Vue2合集

    1、Vue概念 vue 是一个用于构建用户界面的渐进式框架,由数据驱动 vue 的两种使用方式 vue 核心包开发:局部模块改造 vue 核心包与 vue 插件 工程化开发:整站 开发 2、 创建实例 1、准备容器 2、导包 3、创建Vue实例 4、指定配置项 = 渲染数据 3、插值表达式 插值表达式语法:

    2024年01月19日
    浏览(47)
  • 前端学习--vue2--2--vue指令基础

    写在前面: 前置内容 - vue配置 vue指令只的是带有v-前缀的特殊标签属性 插值表达式{{}}是一种vue模板语法。 利用表达式进行差值,渲染到页面。 表达式可以是被求值的代码,js会计算 不能用差值表达式的 不存在的数据 {{data里面不存在的字段 js {{if}} 标签属性 span id=“

    2024年02月14日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包