vue环境搭建

最新推荐文章于 2025-04-17 17:05:26 发布
最新推荐文章于 2025-04-17 17:05:26 发布
阅读量170 收藏
点赞数
分类专栏： vue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ruangong1240237021/article/details/128236290
版权
本文详细介绍如何使用Node.js、npm及Vue CLI快速搭建Vue项目。包括安装Node.js、配置npm镜像、安装Vue CLI、创建及初始化项目、安装依赖和启动项目等步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.安装node     
node -v  查看版本

2.安装npm
npm install -g cnpm --registry=https://registry.npm.taobao.org（安装淘宝镜像）

3.安装安装vue-cli脚手架
cnpm install --global @vue-cli
安装结束后，输入命令vue，查看是否安装完成

4.创建一个项目，两种方式：
（1)可视化
在需要创建项目的文件夹下运行：vue ui

（2）命令行方式
vue create hello-world

5.安装项目依赖
cnpm install

6.启动项目
cnpm run serve

vue项目环境搭建
GFLY博客
07-02 408
vue项目环境搭建 cli3 / cli2 创建项目 vue create 项目名 项目目录构建（ src 源代码开发目录中的 ） pages 页面 components 组件 common 公共组件 layout 项目布局外壳 store vuex router 路由 lib 第三方插件 utils 自行封装的库 vue UI组...
VUE项目环境搭建
你是小新吗
04-12 785
1.下载node.js(http://nodejs.cn) 2.安装node.js 3.查看node.js安装版本，命令行下执行;node -v 4.设置node.js缓存和全局信息存放路径 4.1安装目录下面新建node_global和node_cache文件夹 4.2node中配置信息路径 npm config set cache "D:\tools\nodejs...
搭建 vue 项目环境详细步骤
最新发布
qq_36833673的博客
04-17 1623
在平常的开发工作中，我们经常需要对项目进行打包，后端项目打包及部署在前面总结过。那么，现在前端基本都是 vue 项目，那么应该如何搭建一个 vue 环境呢？下载一个前端项目应该如何启动呢？今天，我们总结下搭建 vue 环境的基本步骤。
vue环境搭建详细步骤
09-04 1017
网上搜索博客、视频试着搭建下Vue的开发环境，过程没有视频里那么顺利，花了我几个小时，但我还是要花半小时来总结一下记录下来，避免下次用个新电脑又得搭建环境浪费时间了，下面是我搭建环境的步骤，与君同享，共同学习，若有错误，欢迎吐槽评论！另外，我的电脑是win10系统，看的慕课视频用的Linux系统，在使用命令行时很多都不一样的。 一、NodeJS下载安装 可能没有学习...
vue开发环境搭建
qq_18238727的博客
07-13 1282
执行 node -v 和 npm -v 可查看node和npm的版本号：在nodejs安装路径下，新建node_global和node_cache两个文件夹 执行如下命令，设置缓存文件路径npm config set cache "自己的\node_cache" 执行如下命令，设置全局依赖包存放路径npm config set prefix "自己的\node_global"进入 C:\Windows\System32 找到cmd.exe，以管理员身份运行打开cmd窗口，执行如下命令：npm install
Vue环境搭建+VSCode+Win10的详细教程
11-19
一、安装Node.js（js的运行环境） 1.在Node.js官网https://nodejs.org/en/download/ 下载安装包。 2.下载后进行安装。 3.打开命令行，输入node -v可以查看到版本号。输入npm –v可看到npm版本号。 新版的Node.js已...
ruoyi-vue环境搭建
03-28
在本文中，我们将详细探讨如何搭建`ruoyi-vue`开发环境，这是一个基于Vue.js的后台管理系统。首先，我们需要安装一系列...在实际开发过程中，可能还需配置数据库连接、调整项目配置等，但基本的环境搭建工作已经完成。
Vue环境搭建
12-18
本教程将引导初学者一步步搭建Vue开发环境，开始他们的Vue之旅。 首先，我们需要安装Node.js。Node.js是JavaScript在服务器端运行的平台，同时也提供了npm（Node Package Manager），它是JavaScript生态中的包管理...
Vue 项目环境搭建
张露的博客
01-09 314
第一步，安装node.js根据实际操作系统选择安装包 下载地址：https://nodejs.org/en/download/ 打开Cmd命令行 输入 node–v检测安装是否成功 第二步npm设置 大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。 npm install -g cnpm --registry=https://registry...
Vue环境搭建+VSCode+Win10
热门推荐
junshangshui的专栏
05-19 7万+
一、安装Node.js（js的运行环境） 1.在Node.js官网https://nodejs.org/en/download/下载安装包。 2.下载后进行安装。 3.打开命令行，输入node -v可以查看到版本号。输入npm –v可看到npm版本号。 新版的Node.js已自带npm（类似.net中的nuget包管理器），安装Node.js时会一起安装。（将来要更新npm可用这个命令npm i...
Vue项目环境搭建
qq_44713523的博客
05-30 435
项目环境安装 一、学习Vue 点击进入Vue官网：https://cn.vuejs.org/ 二、工具Node.js安装 （1）打开官方网站：https://nodejs.org/en/ （2）选择对应的node版本进行下载 （3）安装node.js后，进行版本检查 三、使用VsCode开发工具新建Vue项目 （1）新建项目文件夹，名字为:MyShop （2）选中文件夹，反键使用VsCode打开项目 （3）使用ctrl+~打开终端命令 （4）使用淘宝镜像执行cnpm命令 ​ np
vue-用Vue-cli从零开始搭建一个Vue项目
weixin_30901729的博客
03-28 102
　　Vue是近两年来比较火的一个前端框架（渐进式框架吧）。Vue两大核心思想：组件化和数据驱动。组件化就是将一个整体合理拆分为一个一个小块（组件），组件可重复使用；数据驱动是前端的未来发展方向，释放了对DOM的操作，让DOM随着数据的变化自然而然的变化（尤神原话），不必过多的关注DOM，只需要将数据组织好即可。本文用Vue-cli从零开始搭建一个Vue项目。 准备工作 1、下载安装...
vue环境
Denial_learn的博客
05-04 818
1.node.js安装 node.js下载地址 选择相对应的安装包下载，无脑安装，就不再进行解说了。 2.node.js淘宝镜像版（尽量少用） 目的：下载东西比较快。 缺点：下载会可能失败。 安装命令： // -g 就是全局安装 npm install cnpm -g 安装到本地地址：C:\Users\dell\AppData\Roaming\npm 3. 安装vue-cli cnpm install vue-cli -g #测试是否安装成功 #查看可以基于那些模板创建vue应用程序 vue list
Vue项目环境搭建教程
Rebels_YLF的博客
11-24 8017
VUE项目环境搭建教程 针对开发工具：VSCode、Hbuilder、IDEA等 一、下载Node.js和Git Node.js下载链接：中文官网 下载好之后使用命令行再次确认查看： node -v 顺便看看node内置的npm版本： 如果是非安装包形式，安装的node(直接解压的，不是程序安装的形式)，需要配置环境变量，必要时还需要配置要使用的npm版本 npm -v 出现对应版本号，则安装成功； 下载Git，并且安装，完成安装之后提前配置好账户名和邮箱 下载地址：Git官网 配置命令：
简易搭建一个vue项目环境
sqrsdwq的博客
07-25 246
一、首先我们得有安装环境 所以我们得下载一个Node，最好是v10版本以上，它自带两个模块工具，可以在命令行执行。一个是node,用来运行ECMAscript;另一个则是命令行的包下载工具——npm。 下载node之后我们就可以通过命令行命令node -v和 那npm -v查看两个工具的版本了、 1、npm的简单应用 npm常用的三种安装状态： 1）-global 全局安装，一般用于安装工具，能在命令行执行的 2）–save-dev （简写：-D）一般用于安装开发依赖，项目上线后就不需要的包 3）–save
【Vue项目】Vue项目基础环境搭建
weixin_64210950的博客
11-27 375
Vue 项目基础环境搭建，从 node/git/npm/vscode 到 vue 项目详解
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值