简单的vue-cli安装教程

最新推荐文章于 2024-10-26 14:02:52 发布

原创最新推荐文章于 2024-10-26 14:02:52 发布 · 225 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

本文详细介绍了如何安装Node.js及其版本验证方法，同时提供了更换npm镜像源的步骤，以及如何卸载和重新安装特定版本的Vue CLI，适合初学者及需要更新开发环境的前端开发者。

首先需要先安装nodejs

去官网下载对应操作系统可以使用的nodejs版本
nodejs官网下载地址：http://nodejs.cn/download/

安装成功nodejs检验，更换npm镜像源

打开命令行窗口执行如下命令：
执行node-v，返回node版本号
执行npm-v，返回npm版本号
更换npm镜像源：npm config set registry https://registry.npm.taobao.org

卸载自带的vue-cli

2.几的版本卸载命令：npm uninstall -g vue-cli
3及以上卸载命令：npm uninstall -g @vue/cli

卸载成功后开始安装指定版本的vue-cli

npm install -g @vue/cli@版本号

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

隐约雷鸣i

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue-cli（vue脚手架）安装详细教程

m0_54853503的博客

02-23

7251

vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。一.安装vue-cli 1、使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。注意：webpack 4.

thinkphp集成前端脚手架Vue-cli的教程图解

01-21

安装Vue-Cli到Thinkphp中 1.1.1 检查是否安装node 终端输入npm的指令如果没有安装的话会提示未找到指令正确的姿势如下图,说明已经安装了node依赖 1.1.2 安装node 到node的官网地址进行下载并安装步骤安装 node ...

参与评论您还未登录，请先登录后发表或查看评论

Vue-vue-cli的安装

莫莫

06-19

879

Vue脚手架---vue-cli的安装安装vue-cli1. 安装node.js2. 全局安装nrm（用来切换下载源）3. 全局安装脚手架（vue-cli)4. 创建项目进入创建好的项目文件夹运行项目---不要关闭命令窗口浏览器运行---命令窗口会给出运行地址安装vue-cli 1. 安装node.js 下载Node.js Node.js地址键盘win+R键打开运行，输入cmd 输入：node -V 查看版本，如果安装成功则可以查看 2. 全局安装nrm（用来切换下载源） npm i

vue-cli安装

zhipengit

09-21

235

一. 提前准备工作 1.Node.js环境 2.Windows10 3.npm（前端包管理工具） 4.webpack（前端资源加载/打包工具）二. 开始安装 1.下载并安装Node.js 下载地址：https://nodejs.org/en/download/ 2.在cmd中查看node.js是否安装成功，以及是否安装npm 3.由于npm安装资源时速度慢，推荐使用淘宝的镜像及其命令cnpm 大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。淘宝 NPM 镜像是一个

vue-cli-plugin-quasar：Quasar Framework Vue CLI插件

02-03

类星体框架：vue-cli-plugin-quasar :rocket: 在2分钟内开始使用Quasar Framework构建Vue应用！ :warning_selector: 为了获得Quasar的高级（推荐）体验，包括构建Mobile＆Electron应用程序以及轻松升级到新...

vue-cli.rar

12-24

2. **插件机制**：Vue CLI 支持安装和管理各种插件，如Vuex、Vue Router、Webpack等，这使得在项目中集成常见功能变得简单。 3. **热更新**：利用Webpack的热模块替换（HMR）特性，Vue CLI 可以在代码修改后实时...

webstorm建立vue-cli脚手架的傻瓜式教程

01-18

2、点击 create 后出现以下选项，按键盘上下键选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了（注：现在vue-cli3.0默认使用yarn下载），这里我选择手动 3、选择配置，这时你会...

Vue-Cli的安装

YYYYYG_的博客

05-07

522

一、安装vue-cli 安装vue-cli的前提是你已经安装了npm，可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。 npm/cnpm install vue-cli -g cnpm是淘宝镜像，安装会快一些。二、初始化项目 vue init <template-name> <project-name> 例子 vue init webpack v...

vue-cli 安装

博客

01-19

511

使用脚手架工具 vue-cli 可以快速地构建项目安装过程：1、全局安装： npm install -g vue-cli2、初始化webpack: vue init webpack my-test(工程名称)3、根据提示走4、进入你的工程目录： cd my-test5、下载所有配置文件的内容： npm install6、热加载（启动服务器）： npm run dev注：第六步如果报错，node.

vue-cli的安装

m0_51437180的博客

11-13

214

vue-cli安装

前端基础-Vue.js构建一个项目

逍遥云恋

03-26

646

第12章构建一个项目 12.0 命令行工具 (CLI) https://cn.vuejs.org/v2/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7-CLI Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included ...

安装Vue CLI的详细指南