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

Vue从零开始创建一个vue项目

 一、环境准备

1、安装 Node.js:确保已经安装了Node.js,这是运行Vue项目所必需的

第一步:下载

在官网Node.js — Download Node.js®或者Node.js — Run JavaScript Everywhere 上下载nodejs安装包

 第二步:安装

双击安装包,安装nodejs;安装路径不要包含中文、建议不要安装在C盘;后面弹出来的界面,一直点next就可以,不需要另外点其他的选项

第三步:验证环境变量是否已配置

安装过程中会自动配置环境变量,安装完成后,在cmd中验证一下,环境变量是否已配置;输入:node -v;跳出nodejs版本号说明没问题

node -v

安装淘宝镜像(可选):为了加快依赖包的下载速度,可以安装淘宝镜像:

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

     二、使用Vue CLI创建项目

    全局安装Vue CLI:在终端中输入以下命令来全局安装Vue CLI:

    npm install g @vue/cli

    2、创建新项目:在终端中进入你想要创建项目的目录,然后运行以下命令: 

        myproject是项目名称,可以按需修改

    vue create myproject

    切换到 到项目目录

    cd myproject

    运行 

    npm run serve

     这将启动一个本地开发服务器,您可以在浏览器中访问http://localhost:8080来查看您的Vue应用。

    http://www.xdnf.cn/news/4392.html

    相关文章:

  • 【wpf】10 C#树形控件高效实现:递归构建与路径查找优化详解
  • 铁塔基站项目用电能表有哪些?
  • Kubernetes(k8s)学习笔记(八)--KubeSphere定制化安装
  • 制作一款打飞机游戏39:鼠标控制
  • 集群免密登录
  • OpenCV 中用于背景分割(背景建模)的一个类cv::bgsegm::BackgroundSubtractorGSOC
  • CentOS 7.9 安装详解:手动分区完全指南
  • C++从入门到实战(十二)详细讲解C++如何实现内存管理
  • 【数据结构】手撕二叉搜索树
  • 记录一个rabbitmq因为linux主机名服务无法启动的问题
  • 《Overlapping Experiment Infrastructure: More, Better, Faster》论文阅读笔记
  • linux下MySql的安装与配置
  • ZArchiver解压缩工具:高效解压,功能全面
  • Ros 发布者 有关publisher的编程实现
  • 5月6(信息差)
  • vue3使用轮播图组件swiper
  • PPO 算法
  • 航电系统之坐标轴模拟技术篇
  • [视盘和视杯分割 标签去噪 多伪标签] 通过噪声感知学习从多个伪标签中准确分割视盘和视杯
  • MySQL表的增删查改
  • LeetCode 54.螺旋矩阵遍历的两种方法详解与对比
  • B站视频下载到电脑的方法总结
  • 高等数学第六章---定积分(§6.2定积分在几何上的应用2)
  • 网工实验——RIP配置
  • win11共享打印机主机设置
  • SpringBoot中JWT详解,底层原理及生成验证实例。
  • 【LLM】什么是 MCPACPACA
  • 【算法专题十】哈希表
  • 生命游戏(中等)
  • uDistil-Whisper:低数据场景下基于无标签数据过滤的知识蒸馏方法