Vue系列之使用vue init搭建前端项目

news2024/10/2 22:16:55

文章の目录

  • 一、执行 `vue init webpack my-project` 注意(my-project)是自己的项目名
  • 写在最后


前提执行如下代码

npm install -g @vue/cli-init

一、执行 vue init webpack my-project 注意(my-project)是自己的项目名

回车既可,等待加载配置

注意y表示yes,n表示no

? Project name ( my-project ) 敲回车既可

?project description ( A Vue.js project ) 敲回车既可

?Author ( xxxxxx <xxxxx@xx.com> ) 敲回车既可

上面操作完会出现下方截图,点回车即可
在这里插入图片描述

? Vue build ( user arrow Keys ) 

? Install vue-router?(Y/n)敲Y回车既可 (是否安装路由)

?Use ESLint to lint your code? (Y/n) 敲n回车既可

?Set up unit tests (Y/n) 敲n回车既可 ( 单元测试, 个人觉得不安装选择n )

?Setup e2e tests with Nighwatch?(Y/n) (  e2e测试,个人觉得不安装选择n )

?Should we run `npm install` for you after the project has been created? (recommended) (use arrow Keys)

这里是选择安装方式
在这里插入图片描述
选择第二个Yarn

等待安装即可

安装成功!找到当个创建的那个文件

npm run dev 运行

在浏览器访问 http://localhost:8080

在这里插入图片描述

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/95260.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【时空融合:遥感图像】

MUSTFN: A spatiotemporal fusion method for multi-scale and multi-sensor remote sensing images based on a convolutional neural network &#xff08;MUSTFN&#xff1a;一种基于卷积神经网络的多尺度多传感器遥感影像时空融合方法&#xff09; &#xff08;第一篇关于…

毕业设计-基于大数据的电影爬取与可视化分析系统-python

目录 前言 课题背景和意义 实现技术思路 实现效果图样例 前言 &#x1f4c5;大四是整个大学期间最忙碌的时光,一边要忙着备考或实习为毕业后面临的就业升学做准备,一边要为毕业设计耗费大量精力。近几年各个学校要求的毕设项目越来越难,有不少课题是研究生级别难度的,对本科…

zabbix——分布式监控系统

目录 zabbix概述 zabbix 是什么 zabbix 监控原理 zabbix常见的五个程序 zabbix端口号 安装 zabbix 5.0 部署 zabbix 服务端 部署 zabbix 客户端 自定义监控内容 在客户端创建自定义 key 在 Web 页面创建自定义监控项模板 zabbix 自动发现与自动注册 zabbix 自动发…

第十四届蓝桥杯集训——if——配套基础示例

第十四届蓝桥杯集训——if——配套基础示例 目录 第十四届蓝桥杯集训——if——配套基础示例 例题1&#xff1a;三角形任意两边之和大于第三边 例题2&#xff1a;判断回文数 例题3&#xff1a;狗的年龄 例题4&#xff1a;帐密登录 例题1&#xff1a;三角形任意两边之和大于…

UOS系统搭建NTP服务

做这题的前提是先把ispsrv的dns配置完善 NTP 安装 ntp&#xff08;使用其他 ntp 软件&#xff0c;以下功能均不得分&#xff09;&#xff1b; 在 AppSrv 和 StorageSrv 上创建 CRON 计划任务&#xff1b; 使用 ntpdate 指令&#xff0c;每隔五分钟进行一次时间同步。 截图实现…

功能胶膜行业发展趋势:政策、需求叠加技术驱动 未来市场发展空间大

OCA光学胶膜、半导体制造用胶膜等均属于功能胶膜。我国功能胶膜行业发展趋势如下&#xff1a; 1、政策陆续出台&#xff0c;将不断夯实功能胶膜行业发展基础 近年来&#xff0c;国家出台了一系列相关政策来推动功能胶膜行业发展与进步&#xff0c;尤其是在2019年&#xff0c;国…

uniCloud云开发之创建创建一个uniapp项目并关联uniCloud

uniCloud云开发之创建创建一个uniapp项目前言1.下载最新版的HBuilderX&#xff0c;并创建一个uniCloud的项目2、关联云服务空间3、会出来需要登录没有登录的去注册一个就好了&#xff0c;然后新建4、这样就关联好云数据库了5、创建云函数6、调用云函数&#xff08;1&#xff09…

十分钟就能上手Prometheus与Grafana监控SpringBoot项目

&#x1f341; 作者&#xff1a;知识浅谈&#xff0c;CSDN签约讲师&#xff0c;CSDN原力作者&#xff0c;后端领域优质创作者&#xff0c;热爱分享创作 &#x1f492; 公众号&#xff1a;知识浅谈 &#x1f4cc; 擅长领域&#xff1a;全栈工程师、爬虫、ACM算法 &#x1f525; …

深度学习——微调笔记+代码

1.微调在深度学习中计算机视觉最重要的技术&#xff0c;微调也是迁移学习 2.标注一个数据集很贵 ①ImageNet标注了1000多万张图片&#xff0c;实际使用120万张图片&#xff0c;类别是1000&#xff0c;大型数据集 ②Fashion-MNIST一共有6万张图片&#xff0c;类别是10&#xf…

matlab:鼠标循环点击器

目录简介使用说明板块1采点板块作用名称解释板块2坐标板块作用名称解释板块3历史数据板块作用名称解释板块4循环点击板块作用名称解释程序附注简介 采集PC端一个或是多个点的位置坐标&#xff0c;对这些位置可以按照次序循环点击。&#xff08;之前玩阴阳师的时候&#xff0c;…

动态规划问题——矩阵的最小路径和

题目&#xff1a; 给定一个矩阵m&#xff0c;从左上角开始每次只能向右或者向下走&#xff0c;最后到达右下角的位置&#xff0c;路径上所有的数字累加起来就是路径和&#xff0c;返回所有路径中最小的路径和。 示例&#xff1a; 给定的m如下&#xff1a; 1 3 …

灌区信息化管理系统解决方案 灌区用水量测系统介绍

平升电子灌区信息化管理系统解决方案/灌区用水量测系统&#xff0c;对灌区的渠道水位、流量、水雨情、土壤墒情、气象等信息进行监测&#xff0c;同时对泵站、闸门进行远程控制&#xff0c;对重点区域进行视频监控&#xff0c;实现了信息的采集、统计、分析、控制等功能&#x…

我国均温板行业发展趋势:5G手机领域需求强劲 今年市场空间或超15亿

均温板&#xff08;VaporChamber&#xff09;技术从原理上类似于热管&#xff0c;但在传导方式上有所区别。热管为一维线性热传导&#xff0c;而真空腔均热板中的热量则是在一个二维的面上传导&#xff0c;因此效率更高。具体来说&#xff0c;真空腔底部的液体在吸收芯片热量后…

【图像去噪】非局部均值(NLM)滤波图像去噪【含Matlab源码 420期】

⛄一、图像去噪及滤波简介 1 图像去噪 1.1 图像噪声定义 噪声是干扰图像视觉效果的重要因素&#xff0c;图像去噪是指减少图像中噪声的过程。噪声分类有三种&#xff1a;加性噪声&#xff0c;乘性噪声和量化噪声。我们用f(x,y&#xff09;表示图像&#xff0c;g(x,y&#xff0…

Spring Cloud Alibaba Sentinel - - > 容错机制

文章目录Sentinel 的作用分布式微服务系统遇到的问题导致服务不可用的原因&#xff1a;Sentinel - - > 容错机制参考&#xff1a;Sentinel 的作用 Sentinel 主要用来解决微服务架构中出现的一些可用性问题&#xff0c;从而实现系统的高可用。系统在运行过程中不可能不出现问…

单例模式的创建(饿汉模式懒汉模式)

目录 一.什么是单例模式 二.用static来创建单例模式 三.饿汉模式与懒汉模式 四.饿汉模式与懒汉模式的线程安全问题 五.New引发的指令重排序问题 六.小结 一.什么是单例模式 单例模式就是指某个类有且只有一个实例(instance) 这个是由需求决定的,有些需求场景就要求实例不…

关于mysql学习

1.索引 1.1 索引概述 Mysql官方对索引的定义是&#xff1a;索引(index)是帮助mysql高效获取数据的数据结构(有序)。在数据库之外&#xff0c;数据库系统还维护着满足特定查找算法的数据结构&#xff0c;这些数据结构以某些方式引用(指向)数据&#xff0c;这样就可以在数据结构…

密码技术扫盲:对称加密

个人博客 &#x1f3af; 密码技术扫盲&#xff1a;对称加密密码技术扫盲&#xff1a;非对称加密密码技术扫盲&#xff1a;认证 人类最较真、技艺最精湛的事业是军事&#xff0c;密码技术最大放异彩的地方也在军事&#xff0c;战争中需要通过无线电或其他手段来传达指令&#…

LeetCode刷题复盘笔记—一文搞懂动态规划之309. 最佳买卖股票时机含冷冻期问题(动态规划系列第二十四篇)

今日主要总结一下动态规划的一道题目&#xff0c;309. 最佳买卖股票时机含冷冻期 题目&#xff1a;309. 最佳买卖股票时机含冷冻期 Leetcode题目地址 题目描述&#xff1a; 给定一个整数数组prices&#xff0c;其中第 prices[i] 表示第 i 天的股票价格 。​ 设计一个算法计算…

Python编程 函数的定义与参数

作者简介&#xff1a;一名在校计算机学生、每天分享Python的学习经验、和学习笔记。 座右铭&#xff1a;低头赶路&#xff0c;敬事如仪 个人主页&#xff1a;网络豆的主页​​​​​​ 目录 前言 一.函数 1.函数例子 不会让代码重复的出现。CVout 2.函数介绍(熟悉) 3.…