vue-cli的安装

最新推荐文章于 2024-06-18 14:22:26 发布

WanGJY10.22

最新推荐文章于 2024-06-18 14:22:26 发布

阅读量151

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_51437180/article/details/127836200

版权

本文指导如何在命令行中使用npm安装Vue CLI，并详细说明了创建Vue项目的步骤。在安装过程中，选择Vue版本2，预处理器为Less，并将配置信息存入独立的插件配置文件。同时提醒在安装期间避免在CMD窗口内乱点导致程序冻结，如果发生冻结，可以通过Ctrl+C解除。

摘要由CSDN通过智能技术生成

vue-cli安装

cmd中使用npm安装vue-cli包
在想要的目录下用命令提示符vue create demo-first创建vue项目,在三个选项中选下面这个
配置信息选这些
Vue的版本选择2
预处理器选择less
配置信息存放选择放到各插件自己的独立配置文件中
选择是否将此次设置设为之后项目的默认设置

安装的时候鼠标不要在cmd窗口内乱点，不然会冻结安装程序，ctrl+c可以解开冻结
窗口内乱点，不然会冻结安装程序，ctrl+c可以解开冻结

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

WanGJY10.22

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue-cli的安装

vue-cli安装
复制链接

扫一扫

Vue-cli安装

01-20

npm i vue-cli -g //默认安装的是vue2.9 mac:sudo npm i vue-cli -g 注意：如果你npm安装报错了，建议使用下面两句命令： npm config set strict-ssl false //关闭npm的https npm config set registry ...

vue脚手架(vue-cli)详细安装过程

学习，是熵减的最有效途径。

08-16

4万+

CLI，俗称脚手架。全称是。vue-cli 是vue官方发布的开发vue项目的脚手架。vue脚手架用于自动生成vue和webpack的项目模板，是一个快速构建vue项目的工具，可以自动安装vue所需要的插件，避免手动安装各种插件、逐个引入的麻烦。以及自动配置webpack，之前我们都是手动配置webpack。首先是特别的繁琐，而且有一个很明显的问题是版本问题。版本不对可能就报错。以后这些事儿都交给我们的cli，他会自动帮助我们配置webpack。...

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

Vue-Cli安装和配置（全）

qq_44709970的博客

02-21

4239

安装、配置、淘宝镜像、可能出现的问题

Vue脚手架（cli）安装教程

热门推荐

leo的博客

11-20

4万+

Vue-CLI的安装、使用及环境配置的详细步骤（超详细）

Vue-cli安装步骤详细版

qq_45801516的博客

03-12

2494

1.我选择自定义安装步骤。

安装vue-cli&使用vue-cli搭建项目

qq_64001795的博客

09-26

4932

vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和。这三个部分分别代表了 html,js,css。

vue-cli安装使用流程步骤详解

01-19

1.全局安装vue-cli cnpm i vue-cli -g 2.监测安装版本 vue -V 大写V : version 3.指定目录下新建项目 vue init webpack [项目名] 按自己的意愿配置、选择对应信息。最后配置完成检查package.json是否如此 4.进入...

安装vue-cli的简易过程

08-27

安装vue-cli的简易过程安装前提安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。检测是否安装了npm和版本情况，可以在命令行工具里输入`npm -v`，如果出现版本号说明你已经安装...

学习笔记|Vue入门笔记—脚手架vue-cli的详细安装和使用

Jum的博客

03-18

2700

Vue-cli是vue的一个脚手架工具，主要作用：目录结构、本地调试、代码部署、热加载、单元测试。

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...

vueJS离线安装包

03-21

vueJS离线安装包

如何快速安装vue-cli脚手架

静水流深，沧笙踏歌

05-13

7315

vue.js有著名的全家桶系列，包含了vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。vue-cli官方提供了一个脚手架，用于快速生成一个vue的项目模板。它预先定义好目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，他能使我们的开发更加快速。vue-cli这个构建工具大大降低了webpack的使用难度，支持热部署，有webpack-dev-server的支持，相当于启动了一个请

vue-cli安装与搭建SPA项目

TestXzing的博客

09-22

196

使用vue-cli搭建SPA项目

安装Vue CLI

qq_62837251的博客

05-15

552

要安装 Vue CLI，你需要先安装 Node.js 环境。

Vue-CLI安装方法

weixin_63731304的博客

03-30

3583

Vue-CLI安装方法，适合新手小白

脚手架(vue-cli)的安装详细教程

weixin_62268437的博客

07-28

4763

这时候就会出现对应的版本，如果你能终端打印出来这个，说明已经成功一半了，但是这个版本太高了，有时候运行项目的时候会报错，此时我们需要把版本降低，那么如何把版本降低呢？可以把这个链接复制到浏览器回车，也可以左手按住ctrl，右手鼠标点击，他会发生页面跳转，一般是这样子的，但是不一定所有电脑都行，但是前者肯定是可以的！此时你会发现你可能卡到一个地方很久，一直没有动，这时候我们可以考虑去切换淘宝镜像或者阿里镜像，这样子下载会快许多！选择要安装的位置，不是必须要安装到C盘中，想安装到哪里就安装到哪里！

VUE脚手架（vue-cli）安装

Hemameba的博客

07-12

1464

本篇文章主要用于介绍如何在计算机上安装VUE脚手架。

安装 Vue-CLI 详细方法及踩坑记录

sywdebug的博客

11-18

1万+

配置: 如果环境中没有配置全局目录，那么安装模块时会自动安装装到 C:\User\当前用户\Appdata\Roaming\npm 目录下。原因: 没有权限，以管理员身份运行即可，也有可能是 nodejs 安装后没有配置环境变量。这个玩意我也是第一次见到，清缓存等方法还会给我报错，就记录一下吧，搞了好长时间，最后参考。右键我的电脑 - - - 属性 - - - 高级系统设置 - - - 环境变量。或者使用下面命令安装 cnpm，然后使用 cnpm 进行安装。用户变量和系统变量应该都是可以的。

vue-cli安装失败

06-05

安装 vue-cli 的时候，有时候会出现安装失败的情况，可能是由于网络原因或者是缺少依赖等问题所导致的。以下是一些常见的 vue-cli 安装失败的原因和解决方法： 1. 网络原因：请确认网络是否正常，可以使用命令行...