自己电脑的Vue环境搭建步骤

最新推荐文章于 2025-04-17 17:05:26 发布
最新推荐文章于 2025-04-17 17:05:26 发布
阅读量1.5k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
文章标签： 环境搭建
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Greenyete/article/details/83014400
本文详细介绍了如何检查Node.js和npm的安装版本，并通过命令行操作完成Vue.js项目的初始化，包括创建项目、安装依赖及运行开发服务器的过程。

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

  1. 检验Node.JS安装 
    node -v
     v.8.12.0
  2. 检验npm安装 
    npm -v

    6.3.0

  3. 安装 cnpm install -g vue-cli  或者 npm install -g vue-cli

  4. 回到桌面 cd DeskTop

  5. cd “自己创建的项目文件”

  6. vue init webpack vue

  7. 一通在cmd中的操作后

  8. cd “新项目名”

  9. cnpm install  (安装依赖)  或者 npm install

  10. npm run dev（运行项目）

Morisao
关注
手把手教你Vue安装及环境配置，小白也能轻松上手
大雨的博客
06-24 1885
在这个过程中，我们了解到 Vue.js 是一款强大且灵活的 JavaScript 框架，Node.js 和 npm 是搭建 Vue 开发环境的重要基础，Vue CLI 和 webpack 则在项目创建、配置和打包过程中发挥着关键作用。虽然安装和配置过程中可能会遇到一些问题，但只要掌握了正确的解决方法，就能顺利解决。这只是 Vue 开发的开端，Vue 的世界丰富多彩，还有很多知识等待你去探索。接下来，你可以深入学习 Vue 的组件化开发，了解如何创建可复用的组件，提高开发效率；
vue环境配置流程
Beibei1127zhao的博客
08-13 494
vue环境配置流程 本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： 第一步：先下载node.js，可以将其安装在D盘，一般为windows64位。 第二部：打开cmd命令提示，安装淘宝镜像：npm install -g cnpm –registry=https://registry.npm.taobao.org 第三部：安装vue脚手架：cnpm...
vue相关配置文件详解及多环境配置详细步骤
10-15
sop-vue
Vue安装及环境配置教程(超详细图文教程)
java骨灰级码农，10年IT从业经验
05-18 1万+
将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。到这里，Vue安装及环境配置就已经全部完成，如有不会，欢迎骚扰！先把路径改到刚刚创建的项目，然后再运行，语句如下。输出了版本号就说明Node.js已经安装成功。变量值：你的安装目录\node_modules。可以选择创建Vue2版本或者Vue3版本的项目。（注意中间有个空格）验证是否安装成功。创建vue项目，选择项目想要放的位置。系统变量中新增一个变量，如下👇。一直Next即可完成安装。打开cmd窗口，执行如下命令。安装webpack模板。
Vue环境配置步骤
qq_29406797的博客
04-23 262
下载：https://github.com/PanJiaChen/vue-admin-template。解压：vue-admin-template-master.zip。（1）安装nodejs（下载后默认安装）（2）安装vue-cli（vue脚手架）vscode 打开工程。新建终端下载项目依赖。
Vue项目环境配置流程
zitong_blog的博客
05-05 526
一、配置仓库公钥（SSH） 1、打开命令面板，在命令面板输入ssh-keygen -t rsa -C “注册仓库时的邮箱”，在系统盘生成.ssh后缀文件夹和.pub后缀文件。如下图： 2、打开.pub后缀文件，复制文件里的代码到码云： 这样就生成了公钥 二、创建项目仓库 点击新建仓库，填好仓库名称以及是否开源等信息即可创建： 三、克隆 如果想知道在项目开发中是谁提交的代码，首先需要在git...
Vue开发环境搭建的详细教程，图文并茂
11-29
### Vue开发环境搭建详解 ...通过以上步骤，你已经成功搭建了一个基本的Vue开发环境，并完成了首个Vue组件的创建。这些步骤不仅适用于初学者，也适合那些希望进一步了解Vue开发流程的专业开发者。
内网搭建vue环境.doc
06-01
本资源介绍了如何在内网环境中搭建 Vue 开发环境，包括准备工作、资源下载、资源迁移和项目创建等步骤。通过本资源，你将学习到如何在内网环境中安装 Nodejs、配置镜像站、下载 Vue 相关依赖项、迁移资源文件和创建 ...
Vue项目环境搭建详细总结
10-16
Vue项目环境搭建是一个关键步骤，对于前端开发者来说，掌握这一过程是非常重要的。本文将详细介绍如何在Windows环境下搭建Vue项目的开发环境，包括安装Node.js、npm、Vue CLI等工具，并指导如何创建一个Vue项目。 ...
Vue 01 - 搭建Vue开发环境
m0_53753920的博客
03-29 1060
Vue介绍就不多说啦，自行谷歌或者百度吧。接下去会介绍如何搭建Vue开发环境。
Springboot+Vue项目环境搭建
qq_24032949的博客
03-30 2147
在上述需要的工具安装好后通过快捷键win+E打开资源管理器，右击“此电脑”选择“属性”，在弹出的页面上点击“高级系统设置”，然后找到“环境变量”选项又或是直接在搜索框中输入“环境变量”并回车来打开打开环境变量配置界面。删除MySQL的配置文件，它通常位于MySQL的安装目录下，删除MySQL的数据目录。在系统变量的Path中，添加可执行文件。1.在对mysql的安装中，我因为之前安装过，导致需要输入之前的密码而无法正常安装。在对redis的安装后，网页显示出了验证码的界面，完成对项目的启动。
cmd pip安装python模块包
try_trying_try的博客
09-24 618
标题python如何使用cmd如何用pip安装模块和包 1.打开cmd 2.复制python安装路径 到C:\bangongruanjian\python\python2.0\Scripts为止 3.命令 cd C:\bangongruanjian\python\python2.0\Scripts 3.执行pip命令即可 例如安装pandas
Vue安装及环境配置详细教程
m0_74087268的博客
12-03 2354
vue3项目的运行停止也是同上面的vue2，ctrl+c，然后选择Y就可进行停止退出。执行后，显示我们创建的项目现在在本地的8080端口，直接复制url到浏览器进行访问就可以查看我们新建的vue2项目。打开刚才安装node.js的文件夹，在里面新建两个文件夹，分别为node_global和node_cache。安装后进入node_modules下的.bin目录，将原本的vue和vue.cmd重命名，命名如下。安装Win+R，打开命令提示符，输入以下命令，防止报错的话可以以管理员方式运行下面所有的命令。
配置vue环境
M781101的博客
08-22 4243
node环境配置
Vue详细安装以及环境配置教程
qq_42552600的博客
06-03 4254
打开DOS窗口（按住键盘上的Win+R），输入CMD 在DOS窗口里输入以下两串命令符 如果都显示了版本号，安装成功了 node_cache 做缓存用 node_global 做全局安装的目录使用 如果不知道怎么用管理员打开，就按住键盘上的WIN+S，在出现的搜索栏中输入CMD，右击 “以管理员身份运行” 用以下命令修改路径 我这里出现了很多提醒，是提醒我有新的版本可用，我们不管 修改Path中的以下路径 修改前 修改后 我的是：E:\SoftwareDp\WebDp\Tool\NodeJs\node_g
搭建 vue 项目环境详细步骤
最新发布
qq_36833673的博客
04-17 2007
在平常的开发工作中，我们经常需要对项目进行打包，后端项目打包及部署在前面总结过。那么，现在前端基本都是 vue 项目，那么应该如何搭建一个 vue 环境呢？下载一个前端项目应该如何启动呢？今天，我们总结下搭建 vue 环境的基本步骤。
Vue安装与配置教程（非常详细）
热门推荐
fairy_radiance的博客
10-13 1万+
Vue安装与配置教程（非常详细）
Vue环境搭建与基本使用指南
本文档主要介绍了如何安装Vue.js开发环境，包括Vue的基本使用以及Node.js的配置步骤。Vue.js是一个轻量级的前端框架，它的响应式数据绑定和组件化特性使得开发更加高效。在开始之前，需要确保已经安装了Node.js，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值