局部安装vue-cli并创建vue项目

最新推荐文章于 2024-07-17 15:44:40 发布
最新推荐文章于 2024-07-17 15:44:40 发布
阅读量1k 收藏 1
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/technology_hands/article/details/128259667
版权

在cmd中 使用 vue -V 查看的是全局vuecli版本
如果我们想局部安装vuecli的话我们应该在我们的项目文件外加一个父级文件夹
假设我们的项目文件夹是D:\ruanjian\nvm\v19.0.0\xiangmu\vue3xiaodi\项目文件夹
那我们应该在D:\ruanjian\nvm\v19.0.0\xiangmu\vue3xiaodi 这个文件进行cmd（在输入文件路径的地方输入cmd即可）

 

 然后输入命令cnpm i -D @vue/cli@4.5.17 即可安装
查看版本的命令是 npx vue -V

创建项目的命令是   npx vue create 项目名称
即可


 

Technology_hands
关注
安装vue-cli&使用vue-cli搭建项目
qq_64001795的博客
09-26 4969
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
安装vue-cli，使用脚手架 vue-cli 构建项目，package.json
Mb_JUJI的博客
11-19 1302
安装vue-cli，使用脚手架 vue-cli 构建项目，package.json，npm intall的区别
vue中npm包全局安装和局部安装过程
10-16
主要介绍了npm包全局安装和局部安装,需要的朋友可以参考下
局部搭建vue-cli脚手架环境
m0_46367578的博客
03-17 655
是局部安装vue-cli脚手架，注意不是全局安装
Vue 插件的安装
最新发布
l1965564484的博客
07-17 190
Vue 中安装一个插件
vue-cli（vue脚手架）安装 详细教程
keke2486的博客
08-26 2万+
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.
局部使用vue和vue-cli构建自己的项目
weixin_34361881的博客
11-16 1475
如果你只想在本地的文件夹里使用vue和它的脚手架工具，那么下面的内容应该非常适合你。 局部安装vue-cli Vue-cli是快速构建这个单页应用的脚手架.只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本.注意局部使用时不能使用-g命令。 npm install vue-cli 复制代码 出现如下的代码则说明你的脚手架工具已经安装完成了。 ...
Vue脚手架局部安装教程
X58666的博客
12-27 757
1.npm install @vue/cli@4.5.15 -D 局部安装。
vue-cli2与vue-cli3在一台电脑共存的实现方法
10-16
安装Vue CLI2的命令通常是`npm install vue-cli@版本号`或者简写为`npm install vue-cli -g`，但如果想实现局部安装，也就是只在当前项目目录中安装，就需要省略掉`-g`参数。局部安装后，会在当前文件夹下生成`node_...
安装多版本Vue-CLI的实现方法
10-15
安装多版本Vue-CLI的实现方法是指在同一台计算机上安装并使用不同版本的Vue-CLI工具。Vue-CLI是Vue.js的官方命令行工具，用于快速搭建Vue.js项目。自3.0版本开始，Vue-CLI的架构和使用方式发生了较大变化，与之前的...
使用vue-cli脚手架创建vue2项目
qq_51284317的博客
07-06 1214
使用vue-cli脚手架创建vue2项目
Vuejs组件风格指南
08-10
Vue.js 组件风格指南
使用Vue脚手架Vue-cli快速搭建过程，生成目录文件功能解析（全局安装和局部安装）
weixin_45745641的博客
01-06 2183
前言 关于vue的脚手架，大家应该都比较熟悉，使用它可以快速的生成vue项目框架让我们进行开发，一般安装脚手架有全局和局部安装两种，如果考虑到经常开发的项目脚手架版本不同，那么更推荐使用局部安装。 对于脚手架，大致把它分为3.x版本以前和以后进行讲解，详细请看下面讲解 局部安装 局部安装vue-cli 2.9.6 和项目创建： npm init -y # 初始化项目依赖文件 cnpm i -D vue-cli # 安装脚手架 npx vue -V # 查看vue-cli版本号 npx vue init we
Vue-cli安装、Vue基本环境搭建
李豆豆的博客
02-27 991
Vue.js学习笔记 创建一个完整的Vue实例 引入文件 script src="vue.min.js> //压缩版 vue-resource.min.js>script> //用于后台交互 创建实例 js var vm = new Vue（{ el:"#app" , //模型需要监听的范围，表示id为app的元素内的所有内容都可以被监听
Vue-cli安装及使用
qq_45554909的博客
12-24 5363
1.什么是vue-cli vue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板 ; 预先定义好的目录结构及基础代码，就好比咱们在创建 Maven 项目时可以选择创建一个骨架项目，这 个骨架项目就是脚手架,我们的开发更加的快速; 主要的功能 : 统一的目录结构 本地调试 热部署 单元测试 集成打包上线 需要的环境 Node.js: https://nodejs.org/zh-cn/download/ 下载完，安装时除了放置位置可以选择，其它无脑下一步即可 Git： htt
vue安装详细步骤
qq_42680327的博客
10-11 5997
vue安装详细步骤
安装vue3
四月
08-02 673
背景：已全局安装了vue2，现在想要安装vue3 1》新建一个存放vue3的文件夹 2》打开这个文件夹的命令行 3》安装 npm install @vue/cli@3.7.0 装好了之后，文件夹中有了node_modules文件夹 4》 进入.bin文件夹 > 记得改个名字，因为全局的vue命令已经被vue2占用了，直接改个vue3 检验安装是否成功 安装vue-cli后，会在当前目录下有一个node_modules的文件夹。这也就是局部安装vu...
Vue-cli3安装及基本使用
qq_37813806的博客
05-28 554
安装cnpm使用国内npm包 npm install cnpm -g 曾经安装过vue,事前卸载 cnpm uninstall vue-cli -g // 卸载 1 全局安装vue-cli 2.0 cnpm install --global vue-cli 1.1 创建第一个vue2.0项目 1.2 启动一个2.0 cnpm run dev 全局安装vue-cli 3.0 cnpm install -g @vue/cli 创建第一个vue3.0项目 注意项目名称不能有大写 vue create
Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）
热门推荐
逆境清醒的博客
03-19 7万+
Vue3安装配置、开发环境搭建（图文详细），一、vue的主要安装方式，二、node.js安装和配置，三、npm 安装vue 和脚手架、webpack模板，四、打开Vue 项目管理器，五、创建运行 vue 3 项目，六、使用TypeScript进行开发 Vue3 的代码，七、vue及组件的卸载，八、vue项目结构，九、Vue 安装过程中遇到的问题记录
多版本Vue-CLI安装教程：详解操作与系统配置
因此，了解如何在同一台机器上安装并切换不同的Vue-CLI版本至关重要。 首先，文章提到的安装过程分为两部分： 1. 全局和局部安装：在默认情况下，如果已经全局安装了Vue-CLI的一个版本，如3.11.0，可以通过`npm ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值