vue运行环境搭建全过程

 更新时间:2023年12月05日 08:59:12   作者:冷冷清清中的风风火火  
这篇文章主要介绍了vue运行环境搭建全过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

1、安装node.js

官网:http://nodejs.cn/(node.js中文网)

https://nodejs.org/en/

vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的需要下载相应的安装包。

安装node时,如果修改了默认路径,需要配置相应的环境变量。使用默认的安装路径的时,会自动配置环境变量。

安装完成后,可通过cmd,输入 node -v 检查是否安装成功,及安装的版本信息。能看到版本信息说明安装成功。

2、安装cnpm

由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具:

通过cmd,输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

上面命令执行完成,可通过 cnpm -v 查看cnpm是否安装成功,出现如下界面即安装成功。

3、安装vue-cli脚手架

输入命令:

cnpm install --global vue-cli

可通过 vue 命令查看 vue-cli 是否安装成功,出现如下界面即安装成功。

4、安装开发工具

根据自己的习惯、需要下载相应的开发工具。(eg: vscode、Hbuildx等)

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue使用echart自定义标签以及颜色

    vue使用echart自定义标签以及颜色

    这篇文章主要为大家详细介绍了vue使用echart自定义标签以及颜色,应用于echart 5.0以上版本,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Vuex利用state保存新闻数据实例

    Vuex利用state保存新闻数据实例

    本篇文章主要介绍了Vuex利用state保存新闻数据实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • vue打包后修改配置后端IP地址、端口等信息两种方法

    vue打包后修改配置后端IP地址、端口等信息两种方法

    这篇文章主要给大家介绍了关于vue打包后修改配置后端IP地址、端口等信息的两种方法,文中通过代码示例以及图文介绍的非常详细,对大家学习或者使用vue打包具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09
  • Vue elementUI实现树形结构表格与懒加载

    Vue elementUI实现树形结构表格与懒加载

    这篇文章主要介绍了通过Vue和elementUI实现树形结构表格与懒加载,文中的示例代码讲解详细,感兴趣的小伙伴快来跟随小编一起学习一下吧
    2022-01-01
  • Vue 动态组件与 v-once 指令的实现

    Vue 动态组件与 v-once 指令的实现

    这篇文章主要介绍了Vue 动态组件与 v-once 指令的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-02-02
  • vue中el-tree 横向滚动条的实现

    vue中el-tree 横向滚动条的实现

    本文详细介绍了在Vue框架中使用el-tree组件创建横向滚动条的方法,通过代码示例和步骤说明,帮助开发者理解和实现横向滚动功能,感兴趣的可以了解一下
    2024-09-09
  • 解决VUE项目使用Element-ui 下拉组件的验证失效问题

    解决VUE项目使用Element-ui 下拉组件的验证失效问题

    这篇文章主要介绍了解决VUE项目使用Element-ui 下拉组件的验证失效问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • 手把手教你在vue中使用three.js

    手把手教你在vue中使用three.js

    最近在vue3项目中通过three.js实现了实际的三维效果demo,下面这篇文章主要给大家介绍了关于在vue中使用three.js的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-03-03
  • Vue+Express实现登录状态权限验证的示例代码

    Vue+Express实现登录状态权限验证的示例代码

    这篇文章主要介绍了Vue+Express实现登录状态权限验证的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • 浅聊一下Vue2中的functional组件

    浅聊一下Vue2中的functional组件

    最近听到有人提到了Vue2的functional组件,大致上是说这个东西没有生命周期,在渲染层面上,会减少很多的消耗,一番处理之后,首屏时间和内存都能减少不少,所以本文小编就来和大家聊聊Vue2中的functional组件<BR>
    2023-08-08

最新评论