vue运行环境搭建全过程
更新时间：2023年12月05日 08:59:12 作者：冷冷清清中的风风火火
这篇文章主要介绍了vue运行环境搭建全过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
1、安装node.js
官网：http://nodejs.cn/（node.js中文网）
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项目中自动导入svg并愉快的使用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-11-11
Vue提供了transition的封装组件,可以给任何元素和组件添加进入/离开过渡,下面这篇文章主要给大家介绍了关于Vue中transition标签基本使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了vue计算属性+vue中class与style绑定,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-03-03
本文主要介绍了vue3中Teleport和Suspense的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
这篇文章主要为大家详细介绍了vue.js实现h5机器人聊天测试版，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
Ant Design Vue Pro动态路由加载,服务器重启首页白屏问题
这篇文章主要介绍了Ant Design Vue Pro动态路由加载,服务器重启首页白屏问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
本文将带大家深入理解跨域原理,并提供 Vue CLI（webpack）和 Vite 两种构建工具下的完整解决方案,让大家的开发流程更顺畅,希望对大家有所帮助2025-11-11
这篇文章主要介绍了Vue.js路由管理器 Vue Router，主要介绍的是路由元信息，命名路由以及嵌套路由等使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-08-08
Vue.js的核心包括一套“响应式系统”。“响应式”，是指当数据改变后，Vue会通知到使用该数据的代码。例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。2021-05-05
这篇文章主要为大家详细介绍了Vue实现拖拽式分割布局，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
最新评论