当前位置: 首页 > article >正文

Vue | 搭建第一个Vue项目(安装node,vue-cli)

一.环境搭建:

1.安装node:

进入网站,下载对应版本的node.js

Index of /dist/ (nodejs.org)

我这里下载的是:

解压到对应的目录下:

并新建两个文件夹node_cache和node_global:

2.配置环境:

打开高级设置,配置你目录下的node:

3.设置npm全局装包保存路径
打开命令行工具,运行命令:

npm config set prefix “D:\fairy\app\node-v16.14.0-win-x64\node_global”

npm config set cache "D:\fairy\app\node-v16.14.0-win-x64\node_cache"

4.检查node和npm的版本:

如果出现版本,则安装成功:

二.使用脚手架建立一个vue项目

1.全局安装Vue CLI

npm install -g @vue/cli

安装成功后:

输入:

vue --version

出现版本号,则安装成功

2.使用Vue CLI创建一个新的Vue项目

vue create vue01

根据你的需要去选择对应的:

3.启动开发服务器

cd vue01
npm run serve

打开浏览器并访问 http://localhost:8080/


http://www.kler.cn/a/514849.html

相关文章:

  • Node.js 完全教程:从入门到精通
  • 数据结构之堆排序
  • Level2逐笔成交逐笔委托毫秒记录:今日分享优质股票数据20250121
  • 【vitePress】基于github快速添加评论功能(giscus)
  • 【博客之星2024】技术创作与成长的全景回顾与突破 —— “千里之行,始于足下“
  • 迈向 “全能管家” 之路:机器人距离终极蜕变还需几步?
  • ubuntu中xrandr多屏幕设置
  • 2024年智慧消防一体化安全管控年度回顾与2025年预测
  • ubuntu改变swap存储空间,遇到 fallocate 失败: 文本文件忙
  • SQL Server所有数据类型大全
  • Ollama在Docker下的安装与配置
  • Django学习笔记(启动项目)-03
  • Vue3.5 企业级管理系统实战(三):页面布局及样式处理 (Scss UnoCSS )
  • OpenCV边沿检测(Python版)
  • 本地部署DeepSeek-R1 1.5B
  • java ,springboot 对接支付宝支付,实现生成付款二维码,退款,查询订单状态等接口
  • 十三、数据的的输入与输出(3)
  • Android节点读写实现
  • 【影刀RPA_初级课程_影刀初相识】
  • 解决安装 Composer 依赖报错:“./composer.json“ does not match the expected JSON schema
  • 【QNX】QNX侧查看CPU的信息
  • 如何在Matplotlib中绘制多个Y轴刻度
  • Unity Line Renderer Component入门
  • IP所属地与上网地点:如何匹配?
  • 2024大模型双向突破:MoE架构创新与小模型崛起
  • [Dialog屏幕开发] 屏幕绘制(文本/输入框/按钮控件)