VUE脚手架的安装流程——详解

最新推荐文章于 2023-10-24 18:00:09 发布
最新推荐文章于 2023-10-24 18:00:09 发布
阅读量111 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48881844/article/details/119788602
版权
  • node的安装
    • 安装Vue CLI包
      • Vue ui 启动
1、安装node

node.js官网下载最新版本的.
下载步骤我就不执行了，这里我已经安装好的，安装到自己指定的目录就可以

打开cmd终端
运行命令node -v
npm -v
在这里插入图片描述node就安装好了

2、安装Vue CLI包

安装前需要配置文件跟环境变量
①创建一个文本文档名字就是 .npmrc
这里我放c盘下了
在这里插入图片描述文件里面配置的内容如下，根据自己的安装路径配置
在这里插入图片描述②在环境变量path下配置node的下载路径
在这里插入图片描述③打开cmd终端
运行命令npm install -g @vue/cli
运行成功后node安装目录下会出现很多文件这样子就可以了
在这里插入图片描述

3、Vue ui 启动

到自己前端项目目录下进行cmd命令
在这里插入图片描述之后输入命令vue ui 就会弹出一个网页
在这里插入图片描述在这里插入图片描述

小小王809
关注
Vue使用日记（19）：Vue脚手架——Vue CLI详解
jimson_zhu的博客
10-21 211
如果我们只是简单写几个Vue的Demo程序，那么你不需要Vue CLI，而如果开发大型项目, 那么必然需要使用Vue CLI。 使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。 如果每个项目都要手动完成这些工作，那无疑效率低下，所以通常我们会使用一些工具来帮助完成这些事情。 Vue CLI就是这样一个工具。 1）CLI是什么意思?...
Vue2+Vue3（脚手架）
最新发布
qq_47296476的博客
01-17 1621
组件化编码流程：​ (1).拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。​ (2).实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用：​ 1).一个组件在用：放在组件自身即可。放在他们共同的父组件上（状态提升）。​ (3).实现交互：从绑定事件开始。props适用于：​ (1).父组件 ==> 子组件 通信​ (2).子组件 ==> 父组件 通信（要求父先给子一个函数）
vue脚手架安装终端安装步骤以及目录介绍
qq_43267265的博客
05-20 1701
1、 vue-cli 脚手架安装 环境 资源 测试 热启动 打包上线 webpack 主流 前端三大自动化工具 gulp grunt 1）测试是否有node 环境 并且 node 版本>=v 8.11.0 使用命令 node -v 2）为了让下载包的速度快 安装 cnpm yarn 不会丢包 并行下载 ...
Vue脚手架安装步骤
weixin_54475760的博客
06-04 812
Vue脚手架的安装步骤
vue脚手架安装以及vue脚手架创建项目（详细步骤）
qq1183387582_的博客
06-23 338
vue脚手架安装以及vue脚手架创建项目（详细步骤）
vue脚手架安装教程
U___U的专栏
10-06 216
此文转自https://www.cnblogs.com/laizhouzhou/p/8027908.html npm：是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。比如常用的有： 　　1）允许用户从NPM服务器下载别人编写的第三方包到本地使用。 　　2）允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 　　3）允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 首先：先从nodejs.org中下载nodejs 如图，
Vue脚手架安装教程
qq_60891094的博客
09-18 706
Vue脚手架安装教程
Vue开发项目入门——Vue脚手架
m0_67495466的博客
04-12 3万+
Vue脚手架是Vue官方提供的标准化开发工具（开发平台），它提供命令行和UI界面，方便创建vue工程、配置第三方依赖、编译vue工程。
vue的脚手架安装
03-03
### Vue的脚手架安装详解 #### 一、前言 在前端开发领域，Vue.js是一种非常流行的JavaScript框架，它以其简洁高效的特性受到广大开发者喜爱。为了提高开发效率，Vue官方提供了一套强大的命令行工具——Vue CLI...
Vue笔记（一）—— Vue脚手架结合iView文档引入iView组件步骤详解
成长笔记
07-11 2158
可同时参考iView文档： https://www.iviewui.com/docs/guide/install https://www.iviewui.com/docs/guide/start https://www.iviewui.com/components/icon 1.安装iView 项目下：$ npm install iview --save 安装到node_modules...
Vue脚手架安装过程
qq_56221558的博客
10-24 329
这是因为npm和node的版本不匹配导致，可以在此node.js版本对照网站上查找npm和node版本对应关系以往的版本 | Node.js (nodejs.org)解决方法：升级npm到指定版本号清空npm的缓存再查看一下版本6.14.4v14.16.0这时再尝试输入第3步的代码安装cnpm。
Vue脚手架安装详解
daniaoxp的博客
08-10 1163
1、Nodejs安装及环境配置 1.1、下载安装包 下载地址：https://nodejs.org/zh-cn/download/ （注：v12.16.2以上版本不支持win7系统，win10系统任意安装） 1、.msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序 2、.zip是一个压缩包，解压之后即可，不需要安装 目前采用 .msi ，下载以后正常安装 选择合适的安装位置，我的比如D盘 1.2 环境变量配置 安装完成后需要进行环境变量的配置
Vue脚手架初步安装
qq_47234534的博客
01-25 135
Vue脚手架安装步骤 建议所有cmd都在管理员模式下打开。 一：下载安装 安装node.js 进入Node.js官网，下载对应版本。直接运行安装。会自动配置环境变量，不用手动配。 确认是否安装成功 cmd 输入node -v 和 npm-v 能够正确打印版本号则正确安装 安装淘宝镜像加速器 问题：可能在打包的时候会失败 npm install cnpm -g #g代表全局，即globe 安装vue-cli cnpm install vue-cli -g 可以用 vue list查看有哪些
Vue组件化开发--脚手架的安装使用、目录结构说明
qq_44749491的博客
09-29 1978
如何使用Vue脚手架创建项目
【Vue脚手架安装教程】
zjyJul的博客
04-27 3万+
文章目录前言一、安装Node.js二、配置淘宝镜像1.将npm设置为淘宝镜像：2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 安装Vue脚手架之前，要先安装node.js配置环境 提示：以下是本篇文章正文内容，下面案例可供参考 一、安装Node.js 1.搜索node.js官网下载自己对应版本 https://nodejs.org/ 2.打开文件双击安装，一直点next。安装目录可以更换成自己的目录，最后点击in....
手把手教你安装vue脚手架
sinat_51673411的博客
04-18 3万+
第一步 先安装Node.js Node.js官网 https://nodejs.org/zh-cn/download/ windows点击这个即可 下载好之后,就可以开始安装了 最好选择Add to PATH 这样就可以帮我们配置好环境变量了 然后一路Next 到最后finish就ok了 第二步 安装vue脚手架 通过win+R键 输入cmd 进入命令行 为了能更快的下载脚手架首先我们需要输入下方命令安装淘宝镜像 npm config set registry=http://registry.
Vue——Vue脚手架安装的详细教程
Bonsoir777的博客
09-29 3192
本文主要介绍有关 vue 中 脚手架的安装过程！！！
Vue脚手架安装
qq_52211469的博客
09-12 4842
一、安装Node.js及配置环境 1、下载Node.js ①浏览器中输入Node.js进行搜索，找到Node.js官网 ②选择14.17.6
vue脚手架(vue-cli)详细安装过程
热门推荐
学习，是熵减的最有效途径。
08-16 4万+
CLI，俗称脚手架。全称是。vue-cli 是vue官方发布的开发vue项目的脚手架。vue脚手架用于自动生成vue和webpack的项目模板，是一个快速构建vue项目的工具，可以自动安装vue所需要的插件，避免手动安装各种插件、逐个引入的麻烦。以及自动配置webpack，之前我们都是手动配置webpack。首先是特别的繁琐，而且有一个很明显的问题是版本问题。版本不对可能就报错。以后这些事儿都交给我们的cli，他会自动帮助我们配置webpack。...
Vue脚手架配置Sass步骤详解
"本文将介绍如何在Vue脚手架中配置Sass，以及Sass的一些基本特性和优势。" Vue脚手架配置Sass是开发基于Vue.js应用时增强CSS功能的重要步骤。Sass是一种强大的CSS预处理器，它扩展了CSS语法，提供了变量、嵌套规则...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值