vue3安装及环境配置

发布于:2022-12-03 ⋅ 阅读:(1111) ⋅ 点赞:(0)

1、安装 Node.js

  • Node.js 官网:https://nodejs.org/en/download

     根据直接的版本去下载,

  • 安装成功后,在cmd控制台输入nonde -v 和npm -v 验证是否安装成功

     

    配置默认安装目录和缓存日志目录

  • 创建默认安装目录和缓存日志目录(我的nodejs目录在D盘,所以直接在nodejs文件夹下创建

 

  • 执行命令,配置默认安装目录和缓存日志目录到刚才创建的文件夹
npm config set prefix "D:\ruanjian\nodejs\node_global"
npm config set cache "D:\ruanjian\nodejs\node_cache"

2、配置环境变量

  • 在系统变量下新建 NODE_PATH 变量,输入默认安装目录 node_global 下的 node_modules 的路径
     
  • 进入系统变量的Path,输入nodejs安装路径
  • 进入用户变量的Path,输入 nodejs 默认的模块调用路径

 3、配置淘宝镜像

安装cnpm

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

验证是否安装成功

cnpm config get registry

4,安装vue和脚手架

安装vue.js

cnpm install vue -g

 验证安装是否成功

cnpm info vue

npm list vue

 安装webpack模块

cnpm install webpack -g


安装webpack-cli

cnpm install --global webpack-cli 

5.安装vue-cli 3.x

cnpm install @vue/cli –g

 

6,创建vue3项目

  • 以管理员身份打开 cmd 控制台,进入想要创建项目的目录,开始创建项目
  • vue create [项目名称]

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到