安装vue-cli 脚手架

最新推荐文章于 2024-04-17 16:07:12 发布
最新推荐文章于 2024-04-17 16:07:12 发布
阅读量237 收藏 1
点赞数
分类专栏： 前端 Vue 文章标签： vue vue-cli 前端 脚手架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41153943/article/details/97924412
版权
本文详述了在个人电脑上安装Vue CLI脚手架的步骤，包括检查Node.js和npm环境、全局安装Vue CLI、解决安装过程中可能遇到的网络问题，以及生成项目模板和启动开发服务器的过程。确保Vue CLI版本符合要求，以确保顺利进行Vue项目开发。
摘要由CSDN通过智能技术生成

开发vue项目的时候一般是通过vue-cli脚手架进行开发。之所以成为脚手架就是因为他通过webpack搭建的开发环境直接生成开发所需要的基本模板，我们只需要在模板中进行开发即可。接下啦详细记录下在自己的电脑上安装vue-cli脚手架的步骤以及问题。

一.前提

安装vue-cli首先需要在自己的电脑上安装node.js环境，可以通过node -v命令来查看自己的电脑是否安装了node.js。如果出现了node.js的版本信息，则node.js环境安装成功了，如果出现xx 不是内部命令，说明电脑上还没有node环境 ,可以通过node下载地址下载安装。

然后通过npm -v命令查看自己npm的版本信息，

注：vue-cli的安装，需要node.js的版本在6.9以上ÿ

最低0.47元/天 解锁文章
江夏、
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue入门（三）之脚手架环境准备和安装
fajing_feiyue的博客
11-15 770
前言 前面两篇文章以vue一些语法进行一些演示，但我们实际开发中还是基于Vue-cli脚手架创建。这篇文章主要以脚手架在使用需要用到的一些软件的安装，和脚手架的的搭建进行介绍。 环境准备 一、Node.js 的安装 1、下载对应你系统的Node.js版本: https://nodejs.org/en/download/ 2、选安装目录进行安装 默认即可 安装完成检查PATH环境变量是否设置了node.js的路径。 3、测试 在命令提示符下输入命令 node ‐v 二、NPM 的安装 1、自动安装NPM n
vue-cli脚手架-bulid下的配置文件
08-27
要使用Vue-cli脚手架，首先需要安装Node.js，并且全局安装Vue-cli。然后，可以使用Vue-cli创建一个新的Webpack项目。创建项目时，需要填写一些信息，如项目名称、项目描述、作者等。同时，也可以选择是否安装Vue-...
安装vue-cli脚手架
ZhengDaHui360的博客
12-21 333
vue-cli安装，vue脚手架安装详细步骤
搭建Vue-Cli脚手架（超详细）
最新发布
2401_84091628的博客
04-17 792
javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。
vue-cli脚手架安装
weixin_44141393的博客
05-19 1578
vue-cli 脚手架 安装 一、 node安装 1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）； 2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/ 注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上； 解决速度慢的问题: 将npm的仓库地址改为淘宝镜像：npm config set registry https://regist
Vue-cli脚手架的安装
weixin_48644805的博客
12-05 534
vue的客户端,是使用vue项目的前提. vue脚手架提供了丰富的功能,只要安装成功,就可以使用的. 1. 从官网下载node.js 官网中文链接: Node.js 2. 安装node.js 注意:最好不要安装在C盘 一路直接next安装即可 3 使用DOS命令窗口检查node.js版本 命令行: node -v ...
vue-cli 脚手架安装
每日提升一点点
03-17 58
vue-cli 脚手架安装
安装vue-cli的简易过程
12-11
Vue CLI，全称为Vue.js Command Line Interface，是一个官方提供的强大脚手架工具，用于快速搭建Vue.js项目。Vue CLI简化了Vue项目的初始化和配置过程，使得开发者能够更专注于编写核心业务逻辑，而不是处理构建配置...
vue-cli脚手架的.babelrc文件用法说明
10-14
`.babelrc` 文件是 Vue CLI 脚手架中的一个重要配置文件，用于定义 Babel 的转码规则和插件。Babel 是一个广泛使用的 JavaScript 编译器，它允许开发者使用 ES6+ 甚至实验性语言特性，然后将这些新特性转换为广泛...
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
01-19
用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，...以上这篇浅谈VUE-CLI脚手架热更新太慢的原因和解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
详解vue-cli 脚手架 安装
01-19
注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上； 二、 vue-cli 全局安装 命令行执行 : npm install -g vue-cli // 加-g是安装到全局 安装完成以后可以输入命令：vue 回车，可以看到针对vue的命令行； **:...
SpringBoot + Vue 搭建 Blog（一）-- 安装 vue-cli 脚手架
oyc的博客
05-26 486
一、环境准备 首先我们需要在自己的开发机器上安装nodeJs，如果不确定自己是否已经安装，可以使用以下命令查看： node -v #查看node版本，检查是否安装node npm -v yarn -v 如果正常显示版本，则说明已经安装了nodeJs，如果没有安装，可以访问node官网：http://nodejs.cn/download/，下载安装node。 二、Vue CLI 全局安装 安装命令： npm install -g vue-cli # -g 全局安装 使用npm可能会..
安装vue-cli脚手架（详细教程）
weixin_53221528的博客
11-15 2440
我们安装vue-cli脚手架需要先安装Node.js并配置好其环境。
vue-cli 脚手架的完整安装教程
热门推荐
美奇软件开发工作室
04-14 2万+
一、 node.js安装 1、如果不确定自己是否安装了node,可以在cmd命令行工具内执行： node -v （检查一下 版本）； 我们所需要的npm包管理器，是集成在node中的，所以，直接输入npm -v就会如下图所示，显示出npm的版本信息。 2、如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node下载地址：http://nodejs.cn/do...
Vue-cli脚手架介绍及安装方法
Crazykun的博客
07-28 293
Vue-cli ：又称Vue脚手架，用于快速生成Vue项目基础结构，其官网为：https://cli.vuejs.org/zh/ 安装方法： 1、安装3.x版本的Vue脚手架 npm install -g @vue/cli
脚手架(vue-cli)的安装详细教程
weixin_62268437的博客
07-28 4210
这时候就会出现对应的版本，如果你能终端打印出来这个，说明已经成功一半了，但是这个版本太高了，有时候运行项目的时候会报错，此时我们需要把版本降低，那么如何把版本降低呢？可以把这个链接复制到浏览器回车，也可以左手按住ctrl，右手鼠标点击，他会发生页面跳转，一般是这样子的，但是不一定所有电脑都行，但是前者肯定是可以的！此时你会发现你可能卡到一个地方很久，一直没有动 ，这时候我们可以考虑去切换淘宝镜像或者阿里镜像，这样子下载会快许多！选择要安装的位置，不是必须要安装到C盘中，想安装到哪里就安装到哪里！
如何快速安装vue-cli脚手架
静水流深，沧笙踏歌
05-13 7218
vue.js有著名的全家桶系列，包含了vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。vue-cli官方提供了一个脚手架，用于快速生成一个vue的项目模板。它预先定义好目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，他能使我们的开发更加快速。vue-cli这个构建工具大大降低了webpack的使用难度，支持热部署，有webpack-dev-server的支持，相当于启动了一个请
学习笔记·Vue CLI 脚手架的安装方法
m0_57982594的博客
03-16 1475
以VSCode为例，Vue Cli2脚手架的环境安装及框架架构实例
vue学习之路（1）——搭建vue脚手架（vue-cli）
qq_33325959的博客
01-02 874
准备的环境和工具 1. 首先安装node.js，官网：https://nodejs.org/en/ win+r 输入cmd 打开 命令行 输入 **node -v** 出现相应的版本号，则说明安装成功。此时已经自带npm（包管理工具） 2. 安装淘宝镜像（cnpm），打开命令行工具，输入：**npm install -g cnpm --registry= https://registry

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值