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项目打包上服务器显示404错误,本地没出错的问题

    解决vue项目打包上服务器显示404错误,本地没出错的问题

    这篇文章主要介绍了解决vue项目打包上服务器显示404错误,本地没出错的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue项目登录成功拿到令牌跳转失败401无登录信息的解决

    vue项目登录成功拿到令牌跳转失败401无登录信息的解决

    这篇文章主要介绍了vue项目登录成功拿到令牌跳转失败401无登录信息的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-02-02
  • vue全局使用axios的方法实例详解

    vue全局使用axios的方法实例详解

    这篇文章主要介绍了vue全局使用axios的方法实例详解,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • vue-cli 引入、配置axios的方法

    vue-cli 引入、配置axios的方法

    这篇文章主要介绍了vue-cli 引入axios的方法,文中还给大家提到了vue-cli 配置axios的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-05-05
  • 使用elementUI table展开行内嵌套table问题

    使用elementUI table展开行内嵌套table问题

    这篇文章主要介绍了使用elementUI table展开行内嵌套table问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • Vue响应式原理Observer、Dep、Watcher理解

    Vue响应式原理Observer、Dep、Watcher理解

    这篇文章主要介绍了Vue响应式原理-理解Observer、Dep、Watcher,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06
  • 详解Vue中表单组件的双向数据绑定

    详解Vue中表单组件的双向数据绑定

    Vue 提供了双向数据绑定机制,使得开发者可以轻松地将表单组件的值与 Vue 实例中的数据进行关联,本文将详细介绍如何在 Vue 中使用这些表单组件,并实现双向数据绑定,需要的可以参考下
    2024-03-03
  • 详解三种方式解决vue中v-html元素中标签样式

    详解三种方式解决vue中v-html元素中标签样式

    这篇文章主要介绍了三种方式解决vue中v-html元素中标签样式,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • Vue-Router的使用方法

    Vue-Router的使用方法

    这篇文章主要介绍了Vue-Router的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • Vue.js 图标选择组件实践详解

    Vue.js 图标选择组件实践详解

    这篇文章主要介绍了Vue.js 图标选择组件实践详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12

最新评论