使用Vue脚手架工具搭建vue项目

news/2024/11/22 20:42:16/

场景:使用vue脚手架快速搭建vue的项目
前提:需要安装node.js和npm以及yarn
并且npm需要设置为淘宝镜像

1.全局安装webpack

使用npm全局安装webpack,
打开命令行工具输入:npm i -g @vue/cli-init,安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。
在这里插入图片描述
在这里插入图片描述

2.使用dos命令新建项目

用dos命令弹窗,cd到指定的项目空目录
然后输入 vue init webpack 项目名 回车
在这里插入图片描述
注:在最后一步(Should we run npm install for you after the project has been created?)选项
可以选择 yarn

成功后
在这里插入图片描述

3.运行项目

用vscode打开项目目录
在这里插入图片描述
然后运行下面命令安装依赖
npm install
在这里插入图片描述

运行完成后,再输入
npm run dev
以上命令成功后,展示了页面的访问地址
在这里插入图片描述
浏览器访问如下:
在这里插入图片描述


http://www.ppmy.cn/news/22754.html

相关文章

分享98个JS表单脚本,总有一款适合您

分享98个JS表单脚本,总有一款适合您 98个JS表单脚本下载链接:https://pan.baidu.com/s/1dsRRD_IWoLmgKcmuxyzjZg?pwdxex7 提取码:xex7 Python采集代码下载链接:https://wwgn.lanzoul.com/iKGwb0kye3wj Js登陆注册表单设计代…

SpringBoot原理——Bean花式装配——Day02

目录 Five——容器初始化完成后注入bean 那么同一个实体类被加载多次会怎么样呢? Six——导入源的编程式处理 Seven——bean裁定 拓展 Eight——最终裁定 Five——容器初始化完成后注入bean import lombok.Data; import org.springframework.stereotype.Compon…

mysql 慢sql 分析工具pt-query-digest

mysql 慢sql 分析工具pt-query-digest1.简介2.安装2.1源码安装2.2 安装问题3.工具用法简介3.1 慢查询日志分析统计3.2 服务器摘要3.3 服务器磁盘监测3.4 mysql服务状态摘要3.5 pt-query-digest 慢SQL分析3.5.1 pt-query-digest语法及重要选项3.5.2 分析pt-query-digest输出结果…

JAVA-Spring Bean的生命周期

目录 基本概念 生命周期 Spring Bean的生命周期有哪些? 实例 目录结构 文件内容 MyBeanPostProcess文件 PersonBean文件 spring-config.xml文件 Test2文件 实例运行结果 如果本篇博客对您有一定的帮助,大家记得留言点赞收藏哦。 我们了解一个对…

Android SVG认知误区?

转载请标明出处:http://blog.csdn.net/zhaoyanjun6/article/details/128907538 本文出自【赵彦军的博客】 文章目录前言为什么svg 在编译期间,会自动生成多份图片?优化建议前言 为了更好的视觉效果,经常在项目中使用了 svg &…

Mysql从入门到精通—14标识列

#标识列 /* 又称为自增长列 含义:可以不用手动的插入值,系统提供默认的序列值 特点: 1、标识列必须和主键搭配吗?不一定,但要求是一个key 2、一个表可以有几个标识列?至多一个! 3、标识列的类型…

加油站会员管理小程序实战开发教程08-低代码中调用模型方法

我们上一篇介绍了地图API的创建以及在低码中如何调用数据源的方法。本篇我们继续我们的开发。 上一篇中我们介绍了如何传参调用数据源方法的问题,本篇我们讲解一下如何理解数据源的出参。 我们先看一下我们上一篇调用数据源的返回结果 我们再看一下数据源方法的出参 查询列表…

智能指针——C++

文章目录1. 为什么需要智能指针?2. 内存泄漏2.1 什么是内存泄漏,内存泄漏的危害2.2 内存泄漏分类(了解)2.3如何避免内存泄漏3.智能指针的使用及原理3.1 RAII3.2 智能指针的原理3.3 std::auto_ptr3.4 std::unique_ptr3.5 std::shar…