第一个vue-cli程序

已于 2022-10-07 12:58:50 修改
阅读量127 收藏
点赞数
分类专栏： Vue 文章标签： vue.js 前端 javascript
于 2022-10-07 12:55:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46423017/article/details/127192876
版权

目录

1、Vue-cli简介

项目的功能

2、 环境配置

 （1）Node.js

3、第一个vue-cli应用程序 

1、Vue-cli简介

  • vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板
  • 预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目
  • 这个估计项目就是脚手架，我们的开发更加的快速

项目的功能

  • 统一的目录结构
  • 本地调试
  • 热部署
  • 单元测试
  • 集成打包上线

2、 环境配置

 （1）Node.js

  • 下载地址： http://nodejs.cn/download/ 安装的时候一直下一步直到结束。
  • 因为安装过程中有个add to path，所以不用配置环境变量

最低0.47元/天 解锁文章
siiove
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue之第一个vue-cli项目
The_Beacon的博客
10-08 321
1、什么是vue-cli vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板 预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就是脚手架，我们的开发更加的快速； 主要的功能 统一的目录结构 本地调试 热部署 单元测试 集成打包上线 2、需要的环境 安装nodejs： Node.js：http://nodejs.cn/download/ 安装就是无脑的下一步就好，安装在自己的环境目录下 Git：https://git-sc
Vue -- 第一个vue-cli程序
天行健 君子以自强不息，地势坤 君子以厚德载物。
05-21 1393
1. Vue--第一个vue-cli程序 Vue的开发都是要基于NodeJS，实际开发采用Vue-cli脚手架开发，vue-router路由，vuex做状态管理；Vue UI，界面我们一般使用ElementUI（饿了么出品），或者ICE（阿里巴巴出品）来快速搭建前端项目~~ ElementUI ICE 1.1 什么是vue-cli vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板； 预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就
Vue:第一个vue-cli项目
qq_51447436的博客
03-29 2961
Vue:第一个vue-cli项目
vue-plugin-cli
04-02
Vue CLI（命令行接口）是Vue.js官方提供的一个脚手架工具，用于快速搭建基于Vue.js的应用程序。Vue CLI简化了项目的初始化过程，提供了丰富的配置选项，并且能够自动配置最佳实践，从而帮助开发者更高效地工作。 ...
vue-cli中打包图片路径错误的解决方法
08-29
Vue-cli是一个流行的前端开发工具，它提供了一种快速构建和部署Web应用程序的方式。但是，在使用vue-cli打包图片时，可能会出现图片路径错误的問題，这篇文章将为大家介绍如何解决这个问题。 问题描述 在使用vue-...
vue-cli-lear:关于vue-cli的程序没有其他功能，请向wangyiyunketang学习
04-14
1. **项目设置**：在创建一个新的Vue CLI项目时，通常会执行`npm install`来安装项目依赖。这个命令会读取`package.json`文件中的依赖列表，并从npm仓库下载这些库到`node_modules`目录中。这是每个Node.js项目的...
Vue-CLI3中文指南 完整版PDF
03-20
Vue CLI（Vue.js Command Line Interface）是Vue.js官方提供的一个脚手架工具，用于快速搭建Vue.js项目。Vue CLI3是其第三个主要版本，引入了许多改进和新特性，旨在简化和加速开发流程。本指南将深入讲解Vue CLI3的...
在vue-cli脚手架中配置一个vue-router前端路由
12-09
在`main.js`文件中，第一步是导入`vue-router`库。通过运行以下命令安装它，如果尚未安装： ```bash npm install vue-router --save ``` 接着，在`main.js`文件顶部引入`vue-router`： ```javascript import Vue...
我的第一个vue-cli项目
丁七岁的博客
11-21 335
1. 什么是vue-cl呢？ vue-cli 是官方提供的一个脚手架,使用它可以快速构建Vue项目。今天我们就使用vue-cli来创建一个入门项目。 2. 安装Node.js 下载地址： http://nodejs.cn/download/ 根据你的情况进行安装，这里我安装的是Windows 64位。安装完成后打开命令行窗口，进行检验。 3.安装 Node.js加速器 4.安装 vue-...
【Vue学习笔记】第一个vue-cli项目
lyh
01-10 99
vue-cli
Vue进阶（1）第一个vue-cli程序
OVO_LQ_Start的博客
06-11 166
Vue-cli简介 一个官方的脚手架，相当于maven创建项目的骨架。主要功能统一目录结构，本地调试，热部署，单元测试和集成打包 需要环境（cmd操作最好以管理员身份进行） 1.下载node.js node.js下载地址 注意：下载和电脑匹配的版本 无脑下一步即可 2.确认node.js安装成功 cmd 下输入node -v 显示版本号 cmd 下输入npm -v，打印版本号即可 3.安装Node.js淘宝镜像加速器 npm install cnpm -g 可以在c盘的隐藏目录中查看安装位置C:\Users
Vue ——04、第一个vue-cli项目
weixin_42858422的博客
02-10 1272
第一个vue-cli项目 一、什么是vue-cli？二、安装环境——安装nodejs三、安装Node.js淘宝镜像加速器（cnpm）四、安装vue-cli五、创建第一个vue程序五、初始化并运行六、idea打开vue————————创作不易，如觉不错，随手点赞，关注，收藏(*￣︶￣)，谢谢~~ 一、什么是vue-cli？ vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板；   预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就是脚手架
菜鸟的第一个vue-cli程序
最强菜鸟
05-03 1032
菜鸟的第一个vue-cli程序说明一、vue-cli安装二、创建项目三、项目说明四、项目启动 说明 本文参考了参考了网上部分教程，成功搭建第一个vue-cli入门程序 注意：本文仅为记录学习轨迹，如有侵权,联系删除 一、vue-cli安装 前提：安装了nodejs环境，关于nodejs环境配置可以查看本人之前的博文 命令：npm install --global vue-cli 注意：执行完该命令...
VUE-第一个vue-cli项目
菜菜的博客
04-22 224
VUE-第一个vue-cli项目
vue-cli 构建第一个单页面应用
EnergyGreek
12-17 481
听同事讲，后端学vue只要3天就会了，差点信以为真了~ 先看了一下vue的文档， 因为之前也看过react的文档，感觉差不多，特色都是页面模块化，自动生成统一管理。 脚手架安装和上线部署就不说了，都是node ，npm 之类的，我使用的 vue 3.2.1版本。 单页面除了默认自带的文件以外，需要额外npm install vue-router。 先上效果： 下面是开发步骤： vu...
【Vue】第一个vue-cli2.9.xx程序（脚手架的搭建）及Node.js的安装
✈ 正在努力 の 寒江（StudiousTiger) ✌ 呐 ✈
07-23 654
文章目录一、什么是vue-cli二、安装Node.js三、安装vue-cli四、创建第一个vue-cli应用五、修改配置及目录介绍 一、什么是vue-cli vue-cli是官方提供的脚手架，用于快速生成一个vue的项目模板。 什么是脚手架，脚手架就可以帮你减少这些为减少重复性工作而做的重复性工作。当我们使用了脚手架之后，我们构架目录所需要的目录结构、依赖文件、测试文件…都已经帮我们写好了，我们只需要关注与核心代码的编写就可以，使项目的开发更加的高效。 主要功能： 统一目录结构 因为脚手架已经自动穿
手把手教你安装vue-cli并创建第一个vue-cli应用程序
热门推荐
a1833235073的博客
02-16 1万+
引言：最近看狂神的Vue教程，发现里面关于vue-cli的安装教程已经比较老了，于是自己摸索了一套vue-cli的安装教程，欢迎大佬们指正~ 1. 配置环境 1.1 安装Node.js Node.js：下载 | Node.js 中文网 安装就是无脑的下一步就好，安装在自己的环境目录下 cmd下输入node -v，查看是否能够正确打印出版本号即可！ cmd下输入npm -v，查看是否能够正确打印出版本号即可！ 这个npm，就是一个软件包管理工具，就和linux下的apt
> element-admin@0.1.0 serve > vue-cli-service serve --test 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
最新发布
03-09
第一个命令是运行element-admin项目的serve命令，而第二个命令是运行vue-cli-service的serve命令，并带有--test参数。 根据错误提示，'vue-cli-service'不是一个可执行的命令。这可能是为您没有安装vue-cli-service...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值