vue3完整安装并创建项目

1、下载:https://npmmirror.com/mirrors/node/v18.19.0/node-v18.19.0-x64.msi

2、验证Nodejs是否安装成功(管理员身份运行cmd)

复制代码
node -v #查看nodejs的版本
v18.19.0

npm -v  #查看npm的版本
10.2.3

3、在D:\Program Files\nodejs路径下创建两个文件夹:node_global和node_cache,并修改默认路径

复制代码
#npm全局安装保存路径
npm config set prefix "D:\Program Files\nodejs\node_global"

#npm安装缓存cache路径
npm config set cache "D:\Program Files\nodejs\node_cache"

4、查看当前镜像,并修改华为云镜像

复制代码
npm config get registry
#默认镜像:https://registry.npmjs.org/

#修改成华为云镜像
npm config set registry https://mirrors.huaweicloud.com/repository/npm/

#npm获取的vue包的相关信息
npm info vue

#查看npm配置修改是否成功
npm config list

5、npm环境变量的配置

输入: D:\Program Files\nodejs\node_global

输入 :%NODE_PATH%

输入:NODE_PATH 和 D:\Program Files\nodejs\node_global\node_modules

6、Vue 安装与配置

复制代码
npm install vue -g       #安装到global全局目录
npm list vue -g          #验证vue的安装

npm install webpack -g   #安装webpack模板,Webpack是一个模块打包器(bundler)
npm webpack -v           #查看webpack的版本

# webpack 4x以上,webpack将命令相关的内容都放到了webpack-cli,所以还需要安装webpack-cli
npm install  webpack-cli -g  

#安装Vue-cli 3.x 脚手架,Vue CLI 是一个基于 Vue.js 进行前端快速开发的脚手架(框架)
npm install @vue/cli -g

#安装vue-router
npm install vue-router -g

#使用npm命令查看全局安装的情况
npm list -global

7、 vue3.0 创建项目,在E:\vue_project文件夹中

复制代码
vue create test

选择Manually select features,回车


复制代码
cd test
npm run serve
相关推荐
jjw_zyfx1 小时前
成熟的前端vue vite websocket,Django后端实现方案包含主动断开websocket连接的实现
前端·vue.js·websocket
乌夷3 小时前
使用spring boot vue 上传mp4转码为dash并播放
vue.js·spring boot·dash
苹果酱05675 小时前
2020-06-23 暑期学习日更计划(机器学习入门之路(资源汇总)+概率论)
java·vue.js·spring boot·mysql·课程设计
Deepsleep.5 小时前
react和vue的区别之一
javascript·vue.js·react.js
zqlcoding5 小时前
使用el-table表格动态渲染表头数据之后,导致设置fixed的列渲染出现问题
前端·javascript·vue.js
爱吃的强哥5 小时前
vue3 使用 vite 管理多个项目,实现各子项目独立运行,独立打包
前端·javascript·vue.js
涵信5 小时前
第十节:性能优化高频题-虚拟DOM与Diff算法优化
javascript·vue.js·性能优化
拖孩6 小时前
【Nova UI】十一、组件库中 Icon 组件的测试、使用与全局注册全攻略
前端·javascript·vue.js·ui·sass
凉豆菌7 小时前
在html中如何创建vue自定义组件(以自定义文件上传组件为例,vue2+elementUI)
vue.js·elementui·html
广西千灵通网络科技有限公司7 小时前
基于 springboot+vue+elementui 的办公自动化系统设计(
vue.js·spring boot·elementui