您的位置：首页 > 编程技术 > js  >  详解Vue-cli来构建Vue项目的步骤

详解Vue-cli来构建Vue项目的步骤

 更新时间：2021年12月21日 08:21  点击：543 作者：剼羹

首先需要安装Vue-cli：

npm install -g vue-cli

全局先安装Vue-cli，安装好了Vue-cli。就可以使用它来构建项目

vue init webpack vw-layout

在这里插入图片描述

进入到刚创建的vw-layout:

cd vw-layout

然后执行:

npm run dev

默认的页面效果：

在这里插入图片描述

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注猪先飞的更多内容!

原文出处：https://blog.csdn.net/lingjim10086/article/details/121974343

[!--infotagslink--]

相关文章

  • vue-cli设置publicPath小记

    这篇文章主要介绍了vue-cli设置publicPath小记，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-04-14

  • vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件

    这篇文章主要介绍了vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下...2021-02-20

  • java代码获取jenkins数据,构建历史等信息方式

    这篇文章主要介绍了java代码获取jenkins数据,构建历史等信息方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-05-12

  • react自动化构建路由的实现

    这篇文章主要介绍了react自动化构建路由的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-04-23

  • jenkins自动构建发布vue项目的方法步骤

    这篇文章主要介绍了jenkins自动构建发布vue项目的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-01-04

  • 在vue-cli创建的项目中使用sass操作

    这篇文章主要介绍了在vue-cli创建的项目中使用sass操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-10

  • 详细聊聊JavaScript是如何影响DOM树构建的

    DOM (Document Object Model) 的全称是文档对象模型,它可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构,这篇文章主要给大家介绍了关于JavaScript是如何影响DOM树构建的相关资料,需要的朋友可以参考下...2021-08-06

  • 在IDEA中Debug调试VUE项目的详细步骤

    idea竟然有一个神功能很多朋友都不是特别清楚，下面小编给大家带来了在IDEA中Debug调试VUE项目的详细步骤，感兴趣的朋友一起看看吧...2021-10-15

  • Vue-CLI多页分目录打包的步骤记录

    这篇文章主要给大家介绍了关于Vue-CLI多页分目录打包的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-04-15

  • Jenkins打包微服务构建Docker镜像运行的实现

    本文主要介绍了Jenkins打包微服务构建Docker镜像运行的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-09-27

  • 运用.net core中实例讲解RabbitMQ高可用集群构建

    这篇文章主要介绍了运用.net core中实例讲解RabbitMQ高可用集群构建，文中相关示例代码讲解的非常清晰，感兴趣的小伙伴可以参考一下这篇文章，相信可以帮助到你...2021-09-07

  • vue-cli单页面预渲染seo-prerender-spa-plugin操作

    这篇文章主要介绍了vue-cli单页面预渲染seo-prerender-spa-plugin操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-10

  • Java Fluent Mybatis实战之构建项目与代码生成篇下

    Java中常用的ORM框架主要是mybatis, hibernate, JPA等框架。国内又以Mybatis用的多，基于mybatis上的增强框架，又有mybatis plus和TK mybatis等。今天我们介绍一个新的mybatis增强框架 fluent mybatis...2021-10-28

  • vue-cli4.5.x快速搭建项目

    vue-cli是一个官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目。本文介绍了vue-cli4.5.x快速搭建项目，感兴趣的可以了解一下...2021-05-30

  • Docker自动化构建Automated Build实现过程图解

    这篇文章主要介绍了Docker自动化构建Automated Build实现过程图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-10-29

  • 如何基于Dockerfile构建tomcat镜像

    这篇文章主要介绍了如何基于Dockerfile构建tomcat镜像,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-08-29

  • vue-cli的webpack模板项目配置文件分析

    本篇文章主要对vue-cli的webpack模板项目配置文件进行分析。具有很好的参考价值。下面跟着小编一起来看下吧...2017-04-03

  • React嵌套组件的构建顺序

    这篇文章主要介绍了React嵌套组件的构建顺序，帮助大家更好的理解和学习使用React，感兴趣的朋友可以了解下...2021-04-10

  • vue-cli —— 如何局部修改Element样式

    这篇文章主要介绍了vue如何局部修改Element样式，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下...2020-10-23

  • gradle中的增量构建浅析

    这篇文章主要介绍了gradle中的增量构建,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2021-02-18