vue下载与安装详细教程

最新推荐文章于 2024-10-09 18:50:13 发布

CodeYello

最新推荐文章于 2024-10-09 18:50:13 发布

阅读量2.7w

点赞数 40

分类专栏： vue Java 文章标签： vue

本文链接： https://blog.csdn.net/m0_52937388/article/details/117793625

版权

本文提供了一步一步的Vue.js安装指南，包括Node.js的安装，使用cnpm加速，创建Vue3脚手架项目，通过vue ui或终端在IDEA中打开项目，并解决可能遇到的问题。此外，还介绍了如何在IDEA中安装Vue插件以开始开发。

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

1、安装node（网址：https://www.bilibili.com/video/BV1LA411u7dE?t=10）

①、进入node官网https://nodejs.org/zh-cn/ 点击下载，选择适配的

在这里插入图片描述

②、在这里插入图片描述
双击安装，安装路径随意，勾选第四项，把node添加进path

在这里插入图片描述

勾选，帮我们自动下载插件
在这里插入图片描述

③、在cmd中输入node -v，若出现版本号，则安装成功

在这里插入图片描述

④、如果npm包管理不想存放C盘的话，那就手动创建红框里的两个文件夹于安装路径中

在这里插入图片描述

https://developer.aliyun.com/special/mirrors/notice?from=tnpm

上一行网址可能会出现

立减 ¥

40
点赞
踩
160

收藏

觉得还不错? 一键收藏
打赏
5
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vue下载安装教程

Repuuunzel

03-27

8157

一、下载node.js 官网：node.js中文官网确认相应系统，下载稳定版下好开始安装下一步，接受协议，下一步，自定义安装位置一路next即可 win+R，输入cmd进入控制台输入node -v可显示成功安装的node.js版本二、安装cnpm (使用淘宝镜像)控制台输入npm install -g cnpm --registry=https://registry.npm....

安装vue详细教程

07-22

给那些刚刚接触或者想接触vue的小白，安装vue并新建好一个vue项目其实还是有点麻烦的，有许多坑，本文档是我踩坑后写的，希望对大家有所帮助。

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

【VUE】VUE初步入门，安装及运行

qq_44321147的博客

08-19

303

这个问题是在使用Vue CLI创建Vue项目时出现的，提示用户选择一个预设的配置选项。Vue CLI提供了一些默认的预设选项供用户选择，包括了Babel、Vue Router、Vuex以及单元测试配置。如果你想要使用Vue 3、Babel、Vue Router、Vuex以及使用Jest进行单元测试的预设配置，你可以直接回车或者输入序号选择default_preset。如果你需要修改这些预设配置，你可以选择Manually select features，然后根据提示手动选择需要的特性。

【手把手教安装】VUE安装教程+VScode配置！！！

最新发布

xinshou1_0的博客

10-09

884

将用户变量中的C:\Users\Administrator\AppData\Roaming\npm改node的安装路径\node_global。在nodejs安装的目录创建两个空文件夹：node_cache和node_global。我这里配置的华为的镜像,也可以配置国内其他的镜像。这里不勾选，勾选会新增很多不需要用的工具。查看版本命令显示版本说明已经安装成功。打开cmd，依次输入下面两行。切换到创建vue项目 cmd。安装vue和vue手脚架。可以选择想要安装的目录。这里vue已经安装成功。

Vue下载安装步骤的详细教程(亲测有效) 1

水w的博客

02-27

1万+

Vue下载安装步骤的详细教程(亲测有效) 1

VUE开发的详细下载、安装、配置和开发的使用教程

06-08

### VUE开发的详细下载、安装、配置和开发的使用教程 #### 一、准备工作在开始使用Vue.js进行Web应用开发之前，首先需要确保具备基本的开发环境。以下是搭建开发环境所需完成的关键步骤。 ##### 1. 安装 Node.js...

Vue-DevTools安装教程.docx

08-18

本文将详细介绍Vue-DevTools的安装步骤，帮助读者快速上手。 #### 二、准备工作在开始安装Vue-DevTools之前，请确保您的系统满足以下条件： 1. **安装最新版本的Chrome浏览器**：Vue-DevTools作为Chrome扩展程序...

vue devtools的安装与使用教程

10-18

以下将详细介绍Vue DevTools的安装和使用教程。一、准备工作首先，确保你的开发环境中已安装了Node.js和npm（Node.js的包管理工具）。因为Vue DevTools的安装依赖于npm。二、安装Vue DevTools 1. 访问Vue ...

VUE详细安装及配置教程

AgonyAngela的博客

12-29

1066

nodejs、vue详细安装

VUE下载安装与配置

go|Python的个人博客

03-17

4094

文章目录VUE下载安装与配置vue项目目录介绍vue配置打通前端通信 VUE下载安装与配置安装node，官网下载，一路下一步安装模块： npm install 模块名注: npm比较慢，用淘宝的cnpm来替换npm npm install -g cnpm --registry=https://registry.npm.taobao.org 创建vue的工程 cnpm install -g @vue/cli 如果出问题执行如下，重新走3,4 npm cache clean --f

[Vue安装教程]十分钟学会vue 安装

weixin_34194551的博客

09-15

215

【总结】Vue的安装主要有一下几个步骤： 1、安装npm淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 2、安装脚手架工具vue-cli cnpm install -g vue-cli 3、创建新的项目 vue init webpack my-project 4、进入项目路径 cd my-p...

vue.js下载教程

qq_41672428的博客

08-15

4002

1、官网下载：https://vuejs.org/v2/guide/installation.html。 2、使用npm下载： npm install vue Node.js是一个基于Chrome引擎的JavaScript运行环境，使用了事件驱动非阻塞式I/O模型。nmp（Node Package Manager）是一个包管理和分发工具，运行在node环境下。npm已经内置在Node.js中，所以直接安装Node.js就可以了。以下就是安装Node.js和npm： ...

VUE下载及安装

qq_38384994的博客

01-17

1万+

下载node.js node.js下载，选择长期维护版安装NODE，直接全部默认，不要安装在C盘设置NODE 在nodejs安装路径下，新建node_global和node_cache两个文件夹，这是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以创建，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径.

【vue 下载方法】

前端-CV全粘工程师

11-01

345

方法中通过判断浏览器类型，使用不同的下载方式。对于IE浏览器，使用。方法，生成一个不同于原始文件URL的URL，然后调用。方法打开一个新窗口下载；对于其他浏览器，使用。方法用于创建一个下载链接并模拟点击下载，

安装VUE教程

小米粒的博客

07-10

725

https://www.cnblogs.com/laizhouzhou/p/8027908.html 这一可以推荐一批