Vue命令行常用命令

已于 2023-01-28 16:51:44 修改
阅读量2.5k 收藏 3
点赞数 2
分类专栏： 基本操作 文章标签： vue vue-cli
于 2018-12-07 20:23:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42936527/article/details/84886695
版权

安装

全局安装
npm install -g vue-cli
注意一定要在全局模式下进行安装，否则无法正常使用vue-cli

输入vue -V命令,可以看出当前的vue使用的是2.8.2版本。输入vue list 可以得到推荐的官方模板

创建

vue init webpack my-project 后面跟的是你需要创建的项目名称
创建项目完成之后你的my-project目录下面会出现所有的vue-cli的一些初始化文件
接下来需要安装依赖包，首先要主要的是你的当前目录，必须是你自己创建出来的项目，才可以下载依赖
nom install

接下来需要运行vue项目
npm run dev
打开本地localhost:8080的网页自动打开,效果如下

Vue命令行工具vue-cli_JavaScript
在这里插入图片描述
如果需要部署上线项目，则需要npm run build 生成的dist目录就是打包构建后的项目目录

与诸君共勉
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
一个VueJS运行库让您在Vue中编写命令行界面
08-08
一个VueJS运行库让您在Vue中编写命令行界面
vue命令行
个人博客
07-04 329
vue命令行vue命令初始化一个vue web工程Webpack工程目录 vue命令 vue -V :查看vue版本号 vue help（vue -h） ：获取命令行帮助（展示可用命令行与解释） vue init ：初始化vue工程 vue list ：查看vue提供的官方模板 模板官网https://github.com/vuejs-templates 初始化一个vue web工程 vue init webpack myweb：webpack：模板名 myweb：目录名（文件名） cd myweb
vue项目的运行
RainbowTutu的博客
06-23 1120
npm有缓存时，常常出现安装依赖不成功的现象，且一旦出现这个问题，报错信息很完善，但根据报错信息一项一项去解决，却死活解决不了，还找不出原因。控制台输入下面命令清除npm缓存，npm有缓存时，常常出现安装依赖不成功的现象。package-lock.json记录了整个node_moudles文件夹的树状结构，还记录了模块的下载地址，但是它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错。3、在启动的命令行窗口输入【npm run serve】，回车。
vue-cli常用命令
newsxy的专栏
05-25 1192
1、安装命令 npm config set registry https://registry.npm.taobao.org // 使用淘宝镜像服务器下载 npm install -g @vue/cli 2、卸载命令 npm uninstall -g vue-cli
vue常见的命令行
weixin_42332641的博客
11-06 504
一，新建一个脚手架vue-cli2.0项目 vue init webpack 项目名称 cd 项目名称 npm run dev 二，新建一个脚手架vue-cli3.0项目 vue create 项目名称 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2019110608594564.png) ...
Vue 命令行工具 Vue-CLI 详解
wgchen
04-21 2万+
阅读目录阐述vue全家桶vue-cliVue CLI 的安装① 默认安装 vue/cli 脚手架 3② 默认安装失败，解决mode版本问题③ nvm下载太慢问题解决④ 安装 Node ^12.0.0⑤ 从新安装 VueCli 脚手架 3④ 拉取 2.x 模板 (旧版本)⑤ 安装vue指定版本⑥ 博主node版本初始化项目① vue init命令讲解② 项目初始化③ 目录结构详解④ 运行项目node 安装适合小白1 去node官网下载2 下载完成后双击安装包，跳出安装弹窗，点击Next从新来过vue-cli
通过命令行创建vue项目的方法
08-29
通过命令行创建Vue项目是开发者们常用的一种快速初始化项目的方式，这使得开发过程更加高效。本篇将详细介绍如何利用命令行创建Vue项目。 首先，确保你的开发环境中已经安装了Node.js。Node.js是JavaScript的服务器...
vue常用功能可以作为参考
09-14
在Vue CLI中，你可以通过`vue create projectName`命令创建一个新的项目。这会根据预设的配置或者自定义选择来初始化项目结构。 3. **Vue组件**： Vue的核心是组件化，它允许我们将应用拆分为可重用的、独立的部分...
vue-cli常用设置总结
08-27
Vue CLI 是 Vue.js 的命令行工具，用于快速搭建 Vue 项目。本文将详细介绍 Vue CLI 的一些常见设置，这些设置能够优化开发流程并提高项目效率。 ### 路径相关设置 在 `build/utils.js` 文件中，我们经常需要对 CSS...
vue入门vue入门vue入门
05-14
1. **安装Vue.js**: 开始Vue之旅的第一步通常是安装Vue CLI（命令行接口）。你可以通过npm（Node Package Manager）全局安装Vue CLI，运行`npm install -g @vue/cli`。这样，你就拥有了创建新项目、管理依赖和构建...
VueElectron常用词
02-13
3. **Vue CLI**: Vue CLI是Vue.js的官方命令行工具，用于快速搭建项目脚手架，内置了Webpack配置和一系列插件，极大地提高了开发效率。通过`vue create`命令可以快速初始化一个Vue项目。 4. **Vuex**: Vuex是Vue的...
vue 运行命令
zhangjiashu的博客
05-01 346
npm run serve
查看vue版本的命令--npm list vue
weixin_40945354的博客
09-27 5788
(base) bogon:~ ivyone$ npm list vue └── vue@3.0.0 不是—v或vesion
Vue常用指令+用法举例 详解
m0_69287579的博客
08-18 3821
有：v-on指令、v-model指令、v-once指令、v-show指令、v-if指令、v-else指令、v-else-if指令、v-for指令、v-text指令、v-html指令、v-bind指令等等。vue中双向绑定是一个指令v-model，可以绑定一个动态值到视图，同时视图中变化能改变该值。可以单独使用，v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将不会被识别。v-if和v-show有同样的效果，不同在于。v-for可用来遍历数组、对象、字符串。
vue:常用的v-指令
qq_51476492的博客
03-19 3979
1.v-html:将属性值的html语言识别并渲染出来 例子如下： 使用v-html: 2.v-bind，置于标记的属性前用冒号隔开，控制该属性的值为其原来值对应在vm对象中的数据 例如下例： 而且在浏览器中使用快捷键F12(或Fn+F12)，查看网页源代码会发现属性值已被替换： "v-bind:"可省略为一个冒号： 3.v-on ...
全局安装vue-cli之后，命令行执行vue -V，提示：“vue”不是内部或外部命令，也不是可执行的程序或批处理文件
热门推荐
rainbow8300的博客
09-27 2万+
全局安装vue-cli之后，命令行执行vue -V，提示：“vue”不是内部或外部命令，也不是可执行的程序或批处理文件 ： 第一步：安装nodejs ： 第二步：全局安装vue-cli //全局安装vue-cli之后，命令行执行vue -V，提示：“vue”不是内部或外部命令， 也不是可执行的程序或批处理文件 解决方案： 全局搜索vue.cmd 将vue.cmd所在的路径添加到环境变量Path后...
Vue常用基础指令大全（详解）
m0_61470934的博客
06-15 376
Vue常用基础指令大全（详解）
vue项目运行命令整理
05-20 1053
安装node.js，自行搜索下载(http://nodejs.cn/)，建议安装稳定的装版本。 安装完node.js会附带安装npm（包管理工具），命令提示符里 npm -v 能显示版本则npm安装成功。通过npm install npm -g进行npm的升级。 查看当前镜像:npm config get registry 默认镜像：https://registry.npmjs.org/ 不是淘宝的,更换为淘宝镜像 更换镜像:npm config ...
vue基础指令
Mr_ZCheng的博客
10-20 1442
1.插值表达式 目的: 在dom标签中, 直接插入内容 又叫: 声明式渲染/文本插值 语法: {{ 表达式 }} <template> <div> <h1>{{ msg }}</h1> <h2>{{ obj.name }}</h2> <h3>{{ obj.age > 18 ? '成年' : '未成年' }}</h3> </div> </templa
vue2和vue3常用的命令？
最新发布
07-11
Vue 2和Vue 3都有一些常用命令来管理项目，尽管Vue CLI（命令行界面）在不同版本之间有所更新。以下是Vue 2和Vue 3中常见的几个命令： **Vue 2：** 1. **`vue init webpack projectName`**: 创建一个新的Vue 2项目...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

与诸君共勉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值