vue脚手架cli的基本使用

最新推荐文章于 2022-11-20 11:32:32 发布
最新推荐文章于 2022-11-20 11:32:32 发布
阅读量210 收藏
点赞数
分类专栏： 前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CharLINHeng/article/details/107124066
版权
Vue cli 脚手架的介绍和安装

在这里插入图片描述

看到这里的大家，都应该安装了node。假设大家已经安装了node。

在这里插入图片描述

如果已经装了2.x版本，请先卸载:

npm uninstall vue-cli -g

使用命令安装cli,安装脚手架3.0.x

npm install -g @vue/cli

在这里插入图片描述

认识Vue Cli3

在这里插入图片描述

创建vue项目:

  1. vue create 项目名称

    ​ vue create test

启动服务器Ui管理

在控制台输入如下：

vue  ui

启动后，界面如下:

在这里插入图片描述

在这里插入图片描述

码农藏经阁
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue脚手架基本使用
m0_64205564的博客
11-20 1171
终端输入npm run dev，然后打开localhost:8080就可以看到项目运行啦 ![在这里插入图片描述](https://img-blog.cs 【一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义】 浏览器打开：qq.cn.hn/FTf 开源分享 dnimg.cn/20190707201349774.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM.
vue脚手架vue-cli的学习使用教程
08-30
"Vue CLI脚手架学习使用教程" 本篇文章主要介绍了Vue CLI脚手架的学习使用教程，包括项目结构、配置文件、依赖管理、热加载和代理服务器等内容。 项目结构 在使用Vue CLI创建项目时，项目结构如下所示： * `...
Vue-cli(vue脚手架)上万字总结，超详细教程
weixin_45647685的博客
04-02 3万+
1、创建Vue脚手架 1.1、首先系统需要全局安装Vue脚手架 npm install -g @vue/cli 1.2、创建Vue脚手架工程 进入你想创建vue脚手架的目录，然后输入命令 vue create xxx项目名 需要注意的是工程名字不能大写，这里我们选择选择Vue2，敲下回车，那么vue将会为我们创建vue脚手架 显示如图所示说明创建成功 如图命令所示 我们进入myvue工程，执行命令 npm run serve 然后浏览器访问http://localhost:8080/ 到这
Vue-cli（vue脚手架）超详细教程
Java修炼记
03-15 9203
前言 “脚手架”，可以方便我们快速的创建项目。自动化地为我们搭建一个项目框架。之前的一篇文章：“Vue.js 快速入门”中提到了 Vue-cli脚手架，那么这篇文章就来介绍一下~ 1. 什么是Vue-cli Vue cli是基于Vue的应用开发提供的一个标准的脚手架工具.为应用搭建基础的框架结构,提供插件、开发服务、Preset、构建打包功能 Vue cli 背后集成了现代化开发的诸多功能，通过简单的命令就可以完成 "零配置"的项目环境搭建 2. 安装Vue-cli步骤 在安装vue-cli前，要确认自
vue-cli使用教程
weixin_45838680的博客
11-29 174
vue-cli使用教程
Vue Cli 使用详解（vue cli怎么用），从0开始，手把手操作！
沐枫
05-16 5070
前言： 随着Web技术的不断发展，目前，在前端开发框架技术领域中常用的js框架有Angular、React、Vue这三个最为常用，我个人认为Vue提取了Angular和React优点，再加上Vue自己的创作，推出了当前市场上使用量最多的框架之一，当然，Angular和React用得很多，这个都是根据各自的需求来定。 这里我们主要讨论Vue，由于Vue借助WebPack用于快速构建标准的Vue项...
@vue/cli(vue脚手架)超详细教程
是阿瑶的博客呀~
10-20 6947
1.@vue/cli 脚手架介绍 @vue/cli是Vue官方提供的一个全局模块包(得到vue命令), 此包用于创建脚手架项目 1.1 @vue/cli的好处 开箱即用 0配置webpack babel支持 css, less支持 开发服务器支持 1.2 @vue/cli安装 全局安装命令 yarn global add @vue/cli # OR npm install -g @vue/cli 查看vue脚手架版本 vue -V 1.3@...
vue脚手架及vue-router基本使用
08-27
本文将详细介绍如何使用 Vue CLI 和 Vue Router 进行基本操作。 首先，确保已安装 Vue CLI。在安装好 Vue CLI 并执行 `cnpm install`（推荐使用 cnpm，因为它比 npm 更快，且更少出现安装问题）之后，你可以开始...
手把手教你使用vue-cli脚手架(图文解析)
08-28
手把手教你使用vue-cli脚手架（图文解析） 本篇文章主要介绍了使用vue-cli脚手架的详细教程，从环境搭建到项目初始化的每一步骤都进行了详细的解析。下面是本篇文章的知识点总结： 一、Vue-cli脚手架的优势 * 有...
vue-cli3.0 脚手架搭建项目的过程详解
10-17
Vue CLI 3.0 是 Vue.js 官方提供的一个强大脚手架工具，它简化了 Vue.js 项目的初始化和构建过程。本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。 首先，你需要确保已经安装了 Node.js 和 npm...
VUE脚手架具体使用方法
10-16
Vue.js脚手架，即Vue CLI（Command Line Interface），是一个官方提供的强大构建工具，它简化了基于Webpack的项目设置，让开发者可以快速地初始化并构建Vue.js应用。Vue CLI通过预设的配置，免去了手动配置Webpack的...
[VUE] Vue-CLI的安装、使用及环境配置（超详细）
热门推荐
leo的博客
11-20 3万+
Vue-CLI的安装、使用及环境配置的详细步骤（超详细）
Vue脚手架的使用（Vue CLI）
A____t的博客
04-26 1759
Vue CLI
vue-cli使用指南
chy1984的博客
08-28 2610
需要通过this来调用methods中的方法// 加this this . getTaskList();// 加this this . getTaskList();} , }
vue-cli基础入门教程
weixin_50216991的博客
10-30 3308
vue-cli的基本使用什么是vue-cli一.安装和使用1.安装2.使用 什么是vue-cli vue-cli是Vue.js开发的标准工具。它简化了程序员基于webpack创建工程化项目的过程。 中文官网：https://cli.vuejs.org/zh/ 一.安装和使用 1.安装 vue-cli是npm上的一个全局包，使用npm install 命令 ，即可方便地把它安装到电脑上。 在cmd上运行如下命令来安装vue-cli： npm install -g @vue/cli 可以用下面这个命令来检查其
vue-cli（vue脚手架）超详细教程
qq_41611829的博客
07-04 571
目录 前言 1.安装vue-cli 2.用vue-cli来构建项目 3.启动项目 4.vue-cli的webpack配置分析 5.打包上线 前言 都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、取消事件。。。。（确实很烦）。vue的官方文档还是不错的，由浅到深，如果不使用构建工具确实用的
vue-cli 超详细教程
ICanWin_lll的博客
01-27 1505
一.什么是Vue-cli? CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架. Vue CLI是一个官方发布 vue.js 项目脚手架 使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置 二.Vue-cli 的使用前提 node环境 webpack 三.vue-cli的使用 1.安装 npm install @vue/cli -g 注意：上面安装的是Vue CLI3的版本，如果需要想按照Vue CLI2的方式初始化项目
安装vue脚手架cli报错
最新发布
10-18
4. 尝试使用淘宝镜像安装，可以使用以下命令：npm install -g cnpm --registry=https://registry.npm.taobao.org，然后使用cnpm install -g @vue/cli命令安装vue脚手架cli。 如果以上方法都无法解决问题，可以提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值