vue-cli启动方法

最新推荐文章于 2024-05-21 19:18:31 发布
最新推荐文章于 2024-05-21 19:18:31 发布
阅读量1.2k 收藏
点赞数 3
分类专栏： JavaScript基础 文章标签： javascript
觉得有用就点个赞哈，谢谢谢谢，我为多出的这一块版权声明表示抱歉哈
本文链接：https://blog.csdn.net/weixin_41654160/article/details/109829881
版权

有段时间没动vue脚手架了，突然就想不起来怎么启动这个脚手架，网上一查“怎么启动vuecli”、“vuecli启动方式”，他么的净是一堆安装方法，我就想知道怎么启动！要你们教怎么安装么？靠北，难不成新房装修，那些个师傅还要跟你讲怎么和水泥？傻逼吧这些人

启动方法就下面这个

启动命令行工具，输入下面这个再回车就可以了

vue ui

 

lockloke
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
vue-cli开发的商城源代码
01-18
Vue CLI 是一个官方提供的命令行工具，用于快速搭建 Vue.js 应用程序。它简化了项目的初始化、配置和脚手架工作，使开发者能够更专注于编写业务代码。在这个"vue-cli开发的商城源代码"项目中，我们可以看到一系列与...
Vue入门（安装配置启动项目）
weixin_52703987的博客
02-16 6304
学习本篇之前要具备一定的vue基础知识，可以先看一下Vue基础（环境配置、内部指令、全局API、选项、内置组件） 1、Vue-cli Vue-cli是vue官方出品的快速构建单页应用的脚手架，这里牵扯的东西很多，有webpack，npm，nodejs，babel等等。 官网：https://cli.vuejs.org/guide/ GitHub：https://github.com/vuejs/vue-cli 1.1、安装vue-cli 首先要安装 npm , npm 的安装在基础视频中有。npm没有问题，
vue-cli启动流程
w1234567465的博客
08-20 1629
一、目录结构 1、build：构建相关 2、config:配置相关 例如：index.js下，更改启动的ip和端口号: 3、node_module:相关依赖，就像java中用maven下载的依赖一样。 4、src:编辑的时候的目录 ①asserts：放静态资源 ②components:放组件 ③router下index.js:放有关路由的配置 ④App.vue:单文件组件 ⑥main.js:主js文件，和启动有关 ⑦static：放静态文件 5、.bavelrc:做语法适配转换的 6、index.html
【Vue学习记录】如何通过Vue-cli创建并启动一个项目}}}}}}
最新发布
diguangxihua的博客
05-21 433
略。
Vue-Cli的简单入门使用
GODwhjx的博客
05-05 548
说明 这篇文章是为了让我和组里同学快速上手，学会使用Vue-Cli的基本使用而写的，里面可能有许多错误，还请仔细识别，当然，欢迎指正。 Vue-Cli简单使用说明框架的创建创建代码安装时报错及解决办法安装完毕后的构建操作报错及解决办法如何使用框架启动基本使用文件夹说明一些原理和操作说明重定向复用代码的方法总结 这里默认大家已经安装了Vue和Vue-Cli还有node.js(利用其npm工具)，这里不做详细说明 框架的创建 创建代码 vue init webpack 你想取的文件夹名来创建一个框架 说明：
vue-cli（vue）项目的安装及开启
weixin_37881839的博客
08-18 611
1.安装需要的环境及vue-cli： 【node.js】 官方：http://nodejs.cn/download/ 下载安装； 命令行输入：node -v，检查是否安装成功； 【npm】 官网安装node.js后，就已经自带npm； 命令行输入：npm -v，检查是否安装成功； 【cnpm】 命令行输入：npm install -g cnpm --registry=https://registry.npm.taobao.org 命令行输入：cnpm -v，检查是否安装成功； 【webp
Vue进阶（1）第一个vue-cli程序
OVO_LQ_Start的博客
06-11 171
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-cli 安装/启动项目
Xiang_Gong_Ya_的博客
12-31 1101
vue-cli vue 脚手架 自动启动 基于 webpack构建的 一个 vue的自动化工程环境 自带服务器 配置es6 环境 解析 vue单文件组件 https://cli.vuejs.org/zh/guide/ 安装 npm install -g @vue/cli vue --version vuecli启动项目 选择一个目录 项目放置目录 打开cmd（注意此目录下不能有以vue开头文件） // 创建vue项目 vue create 目录名 （目录名不能出现大写字母） // 运行 cd 项目目
vue-cli启动本地服务局域网不能访问的原因分析
01-19
 本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试， 2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问...
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
vue-cli4-vant：基于vue-cli4和vant的移动端开发模板
02-06
技术栈：vue-cli4 + webpack4 + vant + axios +更少+ postcss-px2rem // 安装依赖npm install// 本地启动npm run dev// 生产打包npm run build配置优势vant是一套轻量，可靠的移动端Vue组件库，非常适合基于vue技术...
04-vue-cli-启动配置和静态资源配置
weixin_46048259的博客
10-22 1234
vue-cli-启动配置和静态资源配置
vue项目的初始配置(使用Vue CLI创建)
王大锤的博客
05-03 424
兵马未动，粮草先行。良好的配置可以方便自己的开发。提高写代码的体验。 1 修改启动命令，使用npm start启动项目 在package.json中，添加：“start”: “npm run serve”,具体如下，添加第8行代码 { "name": "buyer-client", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vu.
Vue项目创建与启动（2023超详细的图文教程）
热门推荐
Alphamilk的博客
11-01 1万+
一、下载node.js ， 二、下载vue-cli与webpack插件 ， 三、项目初始化(项目配置详细信息) ，四、项目启动 ， 五、Vue项目工程结构（扩展知识）
【Vue基础】VueCLI创建和启动项目&VueCLI生成的项目结构&Vue双向数据绑定的原理
一个普通人的博客
10-03 563
输入指令：cd test进入新建的项目目录 ( 因为我起的文件夹名字是test，换成你起的即可 )进入项目目录后，输入指令：运行项目，等待它自动跑完即可（其实就是看上面的最后两句提示，也不一定是run serve，它提示什么就写什么即可）
Vue安装脚手架CLI与创建、启动项目
weixin_60664694的博客
10-25 1348
Vue,CLI,脚手架，Vue脚手架，项目创建
Vue-cli
weixin_51971817的博客
07-16 254
vue-cli
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值