vue创建项目的步骤

vue创建项目的步骤1 由于 vue 项目依赖 node jsnpm 需要先安装 若没有请先安装 检查是否有 node jsnpmvueWind R 输入 cmd 输入 node v 回车会出现 node js 的版本输入 npm V V 大写 回车会出现 npm 的版本如果没有安装 vue 输入 npminstall gvue cli

1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装;

 检查是否有node.js npm vue 

Window+R 输入:cmd

输入node -v 回车 会出现node,js的版本
这里写图片描述

输入npm -V(V大写) 回车 会出现npm的版本
这里写图片描述
2.安装vue




npm install -g vue-cli

//-g表示全局安装,vue-cli是模块,全局安装的模块可以在命令行直接使用

3.创建项目框架
如果想 放到指定的目录 下,先进入这个目录在执行创建项目的命令
例如: E:回车 //进入E盘 cd test回车 //进入E盘的test文件夹
接下来进入主题:创建一个基于’webpack’的项目,后面是项目名






————> vue init webpack my-vue
这里写图片描述
Project name —> 项目名称 (非必填,默认上面的项目名)
Project description —> 项目描述 (非必填)
Author —> 作者(非必填)








To get started: 就是告诉你接下来该做什么,依次完成下面2行命令就可以了。进入my-vue项目—–安装npm依赖—–运行项目
然后一次输入:

cd vue-test
npm run dev






这里写图片描述




4.安装项目依赖
现在很多项目都依赖许许多多的模块,需要逐一安装依赖。
ctrl+c 停掉刚生成项目的命令,cd vue-test 进入项目跟目录, 用命令npm install 安装




输入:npm install

5.运行测试

输入:npm run dev

这样项目就搭建完成了。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/224060.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午12:47
下一篇 2026年3月17日 下午12:47


相关推荐

  • Qwen2.5会自动缩放图像吗?

    Qwen2.5会自动缩放图像吗?

    2026年3月13日
    2
  • kfold交叉验证_SPSS交叉验证法

    kfold交叉验证_SPSS交叉验证法一、前言在机器学习建模过程中,通行的做法是将数据分为训练集和测试集。测试集是与训练独立的数据,完全不参与训练,用于最终模型的评估。在训练过程中,经常会出现过拟合的问题,就是模型可以很好的匹配训练数据,却不能很好在预测训练集外的数据。如果此时就使用测试数据来调整模型参数,就相当于在训练时已知部分测试数据的信息,会影响最终评估结果的准确性。通常的做法是在训练数据再中分出一部分做为验证(Validation)数据,用来评估模型的训练效果。验证数据取自训练数据,但不参与训练,这样可以相对客观的评估模型对于训

    2026年1月31日
    4
  • 【SQL Server】关于报错“备份集中的数据库备份与现有的数据库”xxx”不同”的解决方案

    【SQL Server】关于报错“备份集中的数据库备份与现有的数据库”xxx”不同”的解决方案在做数据库备份与还原的过程中可能因为一下小的细节导致通过备份文件还原的时候报错:备份集中的数据库备份与现有的数据库"xxx"不同导致这种报错的原因是:备份文件与现有数据库的结构不一致因此要恢复数据库就需要去“选项”中勾选“覆盖现有数据库”这样备份就搞定了 …

    2022年6月9日
    41
  • amd显卡测试大风车软件md,肉眼可见的撕裂 AMD将推出FreeSync2 HDR测试工具「建议收藏」

    amd显卡测试大风车软件md,肉眼可见的撕裂 AMD将推出FreeSync2 HDR测试工具「建议收藏」如何让显示器输出帧数和显卡保持动态同步一直是让厂商们头疼的问题,因此NVIDIA推出了付费的G-Sync同步技术,AMD推出了免费的RadeonFreeSync显示技术,两者的作用方式都是让显示器更新率与电脑输出的FPS同步,让游戏画面不再撕裂、抖动,达到更滑顺的游戏表现,但若玩家没自行比较,也很难从分享文的字里行间体会到这差异。我们之前看过AMD推出的大风车测试Demo,也看过NVIDIA推出…

    2022年6月10日
    74
  • 高级C/C++编译技术之读书笔记(五)之动态库版本控制

    本节思维导图1.主次版本号与向后兼容性并不是所有代码改动都会对模块的功能产生影响,有些改动只是对原有代码进行一些细微的改进或错误修正,而其它一些改动则会修改原有的功能实现,在复杂的版本控制策略中

    2021年12月28日
    44
  • 憨批的语义分割重制版6——Pytorch 搭建自己的Unet语义分割平台「建议收藏」

    憨批的语义分割重制版6——Pytorch 搭建自己的Unet语义分割平台「建议收藏」憨批的语义分割13——Pytorch搭建自己的Unet语义分割平台注意事项学习前言什么是Unet模型代码下载Unet实现思路一、预测部分1、主干网络介绍2、加强特征提取结构3、利用特征获得预测结果二、训练部分1、训练文件详解2、LOSS解析训练自己的Unet模型注意事项这是重新构建了的Unet语义分割网络,主要是文件框架上的构建,还有代码的实现,和之前的语义分割网络相比,更加完整也更清晰一些。建议还是学习这个版本的Unet。学习前言还是快乐的pytorch人。什么是Unet模型Unet是一个

    2022年6月15日
    26

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号