Vue命令行常用命令

已于 2023-01-28 16:51:44 修改
阅读量2.4k 收藏 2
点赞数 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
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
vue-cli常用命令
newsxy的专栏
05-25 1180
1、安装命令 npm config set registry https://registry.npm.taobao.org // 使用淘宝镜像服务器下载 npm install -g @vue/cli 2、卸载命令 npm uninstall -g vue-cli
Vue CLI 是如何实现的 -- 终端命令行工具篇
油墨香^-^的博客
02-02 1167
Preset 是什么呢？官方解释是一个包含创建新项目所需预定义选项和插件的 JSON 对象，让用户无需在命令提示中选择它们。},在 CLI 中允许使用本地的 preset 和远程的 preset。这四种prompt分别对应的是预设选项、自定义 feature 选择、具体 feature 选项和其它选项，它们之间存在互相关联、层层递进的关系。结合这四种prompt，就是 Vue CLI 展现开用户面前的所有交互了，其中也包含自定义配置的加载。** 如果在中选择了Manually，则会继续选择feature。
js中==和===的区别和使用
最新发布
2401_83704159的博客
03-29 727
严格相等，会比较两个 抽象相等，比较时，会然后我就更迷惑了，先类型转换，我擦，怎么转换，左边转换成右边类型还是右边转换成左边类型？先看几个例子：console.log([10] == 10); //trueconsole.log(‘10’ == 10); //trueconsole.log([] == 0); //trueconsole.log(true == 1); //tru
vue 的指令
青蛙king的博客
10-27 1万+
一、vue 的指令 指令的本质：语法糖，标志位。在编译阶段 render 函数里，会把指令编译成 JavaScript 代码。 vue的14个指令： v-text v-html（不建议使用） v-show v-if v-else-if v-else v-for v-on v-bind v-model v-slot v-pre（使用频率很低） v-once（使用频率很低） v-cloak（使用频率极低，不细介绍） 1、v-text v-text 指令，会把该元素下面的所有内.
Vue 命令行工具 Vue-CLI 详解
wgchen
04-21 1万+
阅读目录阐述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登录注册实例详解
10-16
首先，我们需要安装 Vue CLI，这是一个官方提供的命令行工具，用于快速搭建 Vue 项目。通过运行 `npm install vue-cli -g`，我们可以全局安装这个脚手架。 2. **项目初始化**： 使用 Vue CLI 初始化项目，执行 `...
vue学习笔记，B站黑马程序员的javaweb
11-05
Vue CLI是一个基于Vue的命令行界面工具，用于快速创建Vue项目。使用Vue CLI，可以快速生成Vue项目的基本结构。 例如，使用以下命令创建一个新的Vue项目： ``` vue create my-project ``` 这个命令将创建一个名为...
Webpack执行命令参数详解
08-30
下面我们将详细探讨Webpack执行命令时的一些常用参数。 一、基本概念 在Webpack中，我们可以通过命令行来调用Webpack，通常在项目根目录下运行`npx webpack`或`yarn webpack`（取决于你的包管理器）。这些命令可以...
Vue完整项目构建(进阶篇)
08-28
此外，对Node.js的基础知识，如npm常用命令和npm script的运用，以及webpack的打包工具概念是必备的。Webpack是一个模块打包工具，它可以解析项目中的文件依赖关系，将它们打包成可供部署的静态资源。 要开始构建...
vue添加axios,并且指定baseurl的方法
10-17
在命令行中，执行以下命令： ```bash npm install axios --save-dev ``` 这将会把axios添加到你的项目开发依赖中。安装完成后，我们需要在项目入口文件`main.js`中引入axios，并将其挂载到Vue的原型对象上，以便在...
使用Vue CLI安装和运行Vue3项目 [2022]
Meta.Qing的博客
08-27 4644
在本教程中，您将通过分步说明学习如何从头开始启动和运行 Vue 3 项目。
VUE学习笔记：5.vue中判断指令，v-show及v-for的使用
ouyicnm的博客
06-06 4619
一.vue中的判断指令 1.判断指令的使用 vue中的判断指令使用v-if="true/false"，v-else-if="true/false"，v-else来完成。其中v-if和v-else-if后面跟的表达式或者变量值必须为布尔类型。 当条件判断不满足时，页面不会加载对应的标签及子标签。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title&
Vue生产环境调试的方法
xuhss_com的博客
04-17 2975
Python微信订餐小程序课程视频 https://blog.csdn.net/m0_56069948/article/details/122285951 Python实战量化交易理财系统 https://blog.csdn.net/m0_56069948/article/details/122285941 vue 生产环境默认是无法启用vue devtools的，如果生产应用出了问题，就很难解决。用本文提供的方法就可以实现线上debug vue，也不需要在浏览器上打断点。 原理 先说下vue如何判断dev
vue初始化（命令行方式）
C90283的博客
11-14 9115
VUE项目初始化步骤命令 1，安装Node.js; Window安装包 Mac安装包 检查是否安装成功 node -v 显示版本即成功，如图： 2，安装vue-cli脚手架； 打开命令行窗口cmd（window+R,输入cmd后Enter） 在cmd下执行命令 cnpm install vue-cli -g 安装成功如图 3，初始化项目文件夹； 在你准备建项目的文件夹打开cmd 执行命令 vue init webpack vue-project(注：vue-project是自定义项目名称) 如图： 初
Vue.js常见命令 (启动 部署)
热门推荐
傲宇苍穹
04-16 4万+
项目搭建安装vue-clinpl install vue-cli -gvue init webpack my-project  初始化项目npm install  安装项目依赖  --&gt;&gt;npm run build 生成上线目录部署nmp run dev在localhost启动测试服务器步骤一1.完成node.js安装搭建目的:配合前端开发搭建 为全局工作 方法:通过官网下载 安装  ...
vue 运行启动命令_如何使用Vue启动和运行
Web design 教程小屋
07-05 1万+
在本系列的介绍性帖子中，我们谈到了Web设计师如何使用Vue可以受益。 在本教程中，我们将学习如何启动和运行Vue，同时回答您可能遇到的一些初始问题。 如何在项目中添加Vue Vue只是JavaScript，这意味着您可以通过在HTML文档中包含脚本标签来加载它。 Vue的网站建议使用诸如https://cdn.jsdelivr.net/npm/vue类的CDN，以确保获得最新版本。 您还...
VUE项目开发启动命令
liuluteng的博客
12-13 2万+
idea导入vue项目 npm install 安装依赖包 npm run serve 启动项目 npm bulid 项目打包，在命令行界面执行 在执行这些命令的时候，需要安装node环境，可以使用 node -v 查询node环境安装版本。 以上。 ...
脚手架vue-cli创建的项目运行命令npmrundev和npmrunserve
weixin_42116120的博客
04-14 1827
旧的vue-cli安装命令 npm install vue-cli -g 新的vue/cli安装命令 npm install @vue/cli -g 如果安装了以前的vue-cli（1.x或2.x），下载新版本时需要卸载它。 使用命令 npm uninstall vue-cli -g 或者 yarn global remove vue-cli 旧的vue-cli创建的项目运行时使用命令npm run dev 新的vue/cli创建的项目运行时使用命令npm run serve ...
vue2和vue3运行命令
08-24
在Vue2中，可以使用Vue CLI或其他工具来初始化项目，生成基础的目录结构和配置文件。可以通过以下命令来运行Vue2项目： ``` npm run serve ``` 这个命令会启动开发服务器，并在浏览器中实时预览你的应用程序。 而在Vue3中，可以使用相同的方式来初始化项目，生成基础的目录结构和配置文件。然而，在Vue3中，还引入了一个新的命令行工具Vite，它提供了一种更快的开发体验。你可以通过以下命令来运行Vue3项目： ``` npm run dev ``` 这个命令会启动Vite开发服务器，并在浏览器中实时预览你的应用程序。Vite使用ES模块作为默认的模块系统，能够更好地利用现代浏览器的原生模块支持，从而提供更快的开发和热更新速度。 <span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [vue整合SSM项目实战](https://download.csdn.net/download/m0_55755339/88241603)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [『vue-cli知识点』-vue-cli工程中常用的npm命令有哪些？](https://blog.csdn.net/q761830908/article/details/103337648)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

与诸君共勉

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

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

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

打赏作者

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

抵扣说明：

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

余额充值