@vue/cli前置安装及其安装

最新推荐文章于 2024-07-31 17:02:40 发布
最新推荐文章于 2024-07-31 17:02:40 发布
阅读量247 收藏
点赞数
分类专栏： vue-cli汇总 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28846707/article/details/109411103
版权
本文介绍了如何自定义安装node.js到非系统盘以节省空间，配置npm全局模块路径和缓存路径，设置环境变量，以及使用淘宝镜像加速npm。接着讲解了webpack的版本检查和安装，最后详细阐述了@vue/cli的安装和升级过程，包括卸载旧版本和创建新项目的方法。
摘要由CSDN通过智能技术生成

@vue/cli前置安装及其安装

node.js安装

下载地址

https://nodejs.org/en/download/

Vue CLI 4.x需要Node.js版本8.9或更高版本（建议使用v10 +）

默认情况下node.js会安装在C盘，但非常占用系统内存。

自定义安装路径

在这里插入图片描述
（假如说需要安装在D盘某个文件目录下）

配置npm在安装全局模块时的路径和缓存cache的路径

默认安装C盘路径下：

  • npm:全局模块的路径
  • npm-cache:缓存路径
    在这里插入图片描述

改变上述两个文件路径：
比如说node.js自定义的安装路径为（D\nodeJS）

  1. 在node.js安装目录下(D\nodeJS)新建两个文件夹 node_global和node_cache
  2. 命令：npm config set prefix “D:\nodeJS\node_global”
  3. 命令：npm config set cache “D:\nodeJS\node
最低0.47元/天 解锁文章
online36小时
关注
专栏目录
安装@VUE/CLI
刘小杨的博客
08-19 242
目录 一、卸载旧版本 二、安装@Vue/cli 三、Vue创建项目 ​四、查看你的@vue/cli的版本 一、卸载旧版本 Vue cli 的包名称由 vue-cli 改成了 @vue/cli如果你已经全局安装了旧版本的 vue-cli 你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载 二、安装@Vue/cli 在安装@vue/cli的时候 ，会特别慢或者下载不下来。 1、使用淘宝镜像安装，这样会快一点...
@vue/cli安装
汤迷的博客
01-22 193
（一）安装 1、 1.1、 vue -V : 先检查vue版本，如果是版本2的，先进行卸载再安装，如果是3的就不用再安装了 1.2、安装：npm install -g @vue/cli //如果之前安装过则不用安装 1.3、创建项目：vue create print-pro ///项目名 2、vue ui : 直接用图形化的形式创建（推荐使用） （二）需要安装的一些插件：（路由、vuex、less 在创建项目的时候已经选择安装上了） ...
openlayers+vue2，安装ol报错解决方案
最新发布
weixin_43301869的博客
07-31 282
在vue.config.js文件中配置。
vue-cli安装
可爱又迷人的反派少女
12-21 140
vue2.0 1.全局安装webpack npm install webpack -g 2.全局安装vue-cli npm install vue-cli -g 以上两步只需要安装一次 下面就是创建项目 3.vue init webpack demo 项目名称为小写名字即可 4.cd demo 进入创建的文件中 5.npm run dev 启动项目 ...
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
10-14
Vue CLI 3 的安装涉及到全局卸载旧版本（如果已安装）和安装新版本的过程。首先，确保你的系统上安装了 Node.js 8.9 或更高版本，因为 Vue CLI 3 需要这个版本或以上。你可以使用 `nvm` 或 `nvm-windows` 来管理不同...
安装vue-cli，使用脚手架 vue-cli 构建项目，package.json
Mb_JUJI的博客
11-19 1284
安装vue-cli，使用脚手架 vue-cli 构建项目，package.json，npm intall的区别
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
需要安装vue-loader及其依赖vue-template-compiler，然后在webpack.config.js的module规则中添加对应的loader规则。 5. 新建index.js文件，使用Vue构造函数引入app.vue组件，并挂载到DOM上。这样Vue应用就可以运行...
vue-cli的4.x版本命令行创建项目（node.js下载、cnpm安装）
traceur0529的博客
07-01 2202
前言（日常废话） 因为之前用的一直是vue-cli的2.9.6版本，这段时间将电脑上的2.x版本给卸了，装上了4.4.6版本。害，脑子不好使，总是记不住，好记性不如烂笔头，搁这儿做一下记录，见下： 正文 一、前期准备工作 node.js的10.0.0以上版本(必须)、cnpm(淘宝镜像)(可选)、vue-cli4以上版本(必须) 这一趴主要是介绍在创建vue-cli项目的一些前置环境，如果电脑上已经装有上述条件可跳过，如果没有可按下列步骤一步一步来。 1.1、node.js(10.0.0以上版本) 1.2、
Vue-Cli的安装
YYYYYG_的博客
05-07 386
一、安装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 453
使用脚手架工具 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 153
vue-cli安装
前端vue开发前置安装
qq_43288085的博客
09-22 139
node.js 安装node.js 下载地址链接: https://nodejs.org/zh-cn/ 安装完成后:node -v、npm -v! cnpm 淘宝镜像 有些下载npm很慢,我们就要用到cnpm,命令行 npm install -g cnpm -registry=https://registry.npm.taobao.org vue开发前置工作完成后,就要安装vue.在命令行输入 npm install -g @vue/cli(这个安装的是@vue/cli 4.5.13) ma..
前端基础-Vue.js构建一个项目
逍遥云恋
03-26 507
第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-cli4搭建教程：从环境配置到项目创建
"本文档主要介绍了如何使用vue-cli4搭建Vue.js项目的开发脚手架，包括前置知识、安装Node.js和cnpm、安装vue-cli以及创建和启动项目的过程。" Vue.js是一个流行的前端JavaScript框架，而vue-cli是Vue.js官方提供的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值