当前位置:首页 > 技术文章 > 正文内容

win10安装vue开发环境(vue开发环境配置)

1、安装node.js

  • 下载地址:https://nodejs.org/en/download/



下载node-v18.12.1-x64.msi,双击安装包进行安装


  • 点击next


  • 勾选I accept,点击next


  • 更新成自己喜欢的路径,点击next


  • 选中node.js runtime 点击next


  • 点击next


  • 点击install


  • 点击finish


查看是否环境变量添加上了,我的自动配置了环境变量



  • 安装cpnm
npm install -g cnpm --registry=https://registry.npm.taobao.org


查看cnpm是否安装成功

cnpm -v


  • 设置全局缓存文件夹、模块存放路径

安装目录下新建cache文件夹、global文件夹



执行指令:

npm config set cache "E:\soft\nodejs\cache"
npm config set prefix "E:\soft\nodejs\global"


  • 配置环境变量NODE_PATH


path 新增


  • Nodejs的安装包 给everyone权限

右键安装目录,选择属性



  • 安装vue
cnpm install vue -g


  • 安装vue-cli
cnpm install vue-cli -g


  • 结束

相关文章

Vue父子组件参数传递方法(vue父子组件传参方式)

在 Vue 中,父子组件之间的参数传递是常见的需求,主要通过 Props 和 自定义事件 实现。以下是详细说明和代码示例:一、父组件向子组件传递参数(Props)父组件通过 属性 向子组件传递数据,子...

vue 3 学习笔记 (八)——provide 和 inject 用法及原理

在父子组件传递数据时,通常使用的是 props 和 emit,父传子时,使用的是 props,如果是父组件传孙组件时,就需要先传给子组件,子组件再传给孙组件,如果多个子组件或多个孙组件使用时,就需要传...

Windows 下 Git 拉 Gitlab 代码(gitlab拉项目)

读者提问:『阿常你好,Windows 下 Git 拉 Gitlab 代码的操作步骤可以分享一下吗?』阿常回答:好的,总共分为五个步骤。一、Windows 下安装 Git官网下载链接:https://g...

gitlab简单搭建与应用(gitlab怎么用)

一、gitlab1、简介GitLab是利用Ruby on Rails一个开源的版本管理系统,实现一个自托管的Git项目仓库,可通过Web界面进行访问公开的或者私人项目。与Github类似,GitLab...

Java教程:GitLab在项目的环境搭建和基本的使用

gitlab-使用入门1 导读本教程主要讲解了GitLab在项目的环境搭建和基本的使用,可以帮助大家在企业中能够自主搭建GitLab服务,并且可以GitLab中的组、权限、项目自主操作GitLab简介...

HTML5最新版本介绍(“html5”)

HTML5是HTML4.01和XHTML1.0之后超文本标记语言的最新版本,由一群自由思想者设计,最终实现了多媒体支持、交互性、更智能的表单和更好的语义标注。 HTML 5不只是 HTML规范的最新...