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

vue项目搭建

一、环境搭建

进入node官网下载,下载完成后进行安装(安装路径可以更改为自己想保存的地方)

https://nodejs.p2hp.com/

安装完成后验证NodeJs环境变量

node -v


 

配置npm的全局安装路径

使用管理员身份运行命令行以下指令:(双引号中填写入自己所下载node的路径)

npm config set prefix "D:\Node\nodeJS"

执行完成

验证其全局配置是否成功,执行以下指令

npm config get prefix

切换npm的淘宝镜像

  1. 提高下载速度:淘宝镜像位于国内,减少网络延迟,加快包的下载速度。
  2. 增强稳定性:国内服务器更稳定,减少因国际网络波动导致的问题。
  3. 节省流量:减少对海外服务器的请求,节省国际带宽流量。
  4. 兼容性和支持:定期同步 npm 官方仓库,确保获取最新包版本,并获得社区支持。
npm config set registry https://registry.npm.taobao.org

安装Vue-cli

npm install g @vue/cli

查看是否安装成功

vue --version

二、搭建vue框架

vue框架搭建

创建一个文件夹,进入后在上面地址栏中输入“cmd”

输入命令回车,将自动打开图形化界面... ...

vue ui

包管理器选择 "npm"

配置操作选择 "手动"

看这篇文章应该都是第一次配置,所以只选个常用的 "Router",也可根据自己的需要选择

如果想体验vue2可以点击 "3x(默认)" 选择2,下方select 选择 "ESLint with error prevention only",点击创建。

利用#Webstorm打开

使用Webstorm运行

点击 :"Edit configurations..."

点击 "npm" 进行新建

  1. Name:用于设置运行配置的名称,方便识别和管理不同的运行配置。
  2. package.json:指定项目的package.json 文件路径,该文件记录了项目的依赖项等重要信息。(通常不需要自己填写,webstorm会自动识别)
  3. Command:选择要执行的命令,这里显示“run”,是执行操作的指令类别选择。
  4. Scripte:选择具体要运行的脚本,图中“serve”通常用于启动Vue项目的本地服务。

"确定"

运行后,点击运行栏中链接

http://www.dtcms.com/a/62087.html

相关文章:

  • liunx磁盘挂载和jar启动命令
  • 保姆级别使用Python实现“机器学习“案例
  • 利用OpenResty拦截SQL注入
  • FTL算法
  • IP核实战:用Xilinx Clocking Wizard实现精密时序控制
  • 宿主机运行pyspark任务读取docker hadoop容器上的数据
  • 0基础 | 看懂原理图Datasheet 系列1
  • 前端状态管理 pinia和vuex高频面试题
  • 通过动态获取后端数据判断输入的值打小
  • 【C语言】 一维数组传参的本质
  • 车间图纸安全传输需要注意什么?
  • iTextSharp-PDF批量导出
  • 深入浅出Bearer Token:解析工作原理及其在Vue、Uni-app与Java中的实现Demo
  • OpenCV中文路径图片读写终极指南(Python实现)
  • [C++面试] 对通透比较器了解多少?(较少涉及,可跳过)
  • Kylin麒麟操作系统服务部署 | Ansible基础
  • 使用 Python 爬取 item_get_video 接口获取某书笔记详情
  • IDEA 创建SpringCloud 工程(图文)
  • Python----计算机视觉处理(Opencv:二值化,阈值法,反阈值法,截断阈值法,OTSU阈值法)
  • 小学数学原理1:14 - 为什么是减法?
  • 云创智城 ×YunParking停车源码+YunCharge充电源码+DeepSeek:AI 驱动城市级停车平台升级,构建安全智慧出行新生态
  • 搜索 之 组合问题
  • Kubernetes Pod 生命周期详解 之 探针
  • 函数(函数的概念、库函数、自定义函数、形参和实参、return语句、数组做函数参数、嵌套调用和链式访问、函数的声明和定义、static和extern)
  • 【面试题系列】Redis 常见面试题答案
  • 蓝桥杯备考:数据结构堆之第k小
  • mapbox高阶,结合threejs(threebox)添加extrusion挤出几何体
  • LeeCode题库第四十九题
  • ES6 字符串和正则表达式
  • 72. 编辑距离