关于vue环境配置

最新推荐文章于 2024-05-18 18:13:45 发布
最新推荐文章于 2024-05-18 18:13:45 发布
阅读量229 收藏
点赞数
分类专栏： 日常记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35036255/article/details/79596472
版权
这篇博客详细介绍了如何配置Vue开发环境，包括安装node.js，使用淘宝npm镜像，全局安装vue-cli，创建项目文件夹，执行vue init webpack命令，以及通过npm run dev启动本地服务器。在配置过程中遇到问题，可以通过重新执行npm install命令解决。
摘要由CSDN通过智能技术生成

关于vue环境配置

  • 1.安装node.js
    在node.js官网根据情况下载（Windows 系统 (.msi) 64位），选择安装路径后一直next下去 ，最后点击 Finish完成。

  • 2.利用淘宝npm镜像安装相关依赖
    开始 》输入“cmd” ，打开。输入npm install --registry=https://registry.npm.taobao.org 回车安装

  • 3.安装全局vue-cli脚手架
    在现在cmd这个命令窗口，执行npm install -g vue-cli
    这里写图片描述
    输入：vue，回车，若出现vue信息说明表示成功

  • 4.建一个文件夹
    新建一个文件夹，按住shift健，然后在文件夹上点右键

右键上，有个在当前文件夹打开命令行窗口之类的，然后构建项目，执行 vue init webpack vuetest

可按下图操作

最低0.47元/天 解锁文章
没感情的菠萝头
关注
专栏目录
VUE环境搭建流程
CSDN_Family的博客
03-24 709
vue3.0创建方法
Vue安装及环境配置【图解版】
最新发布
Dong_duan的博客
09-14 1188
欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。
配置vue环境
M781101的博客
08-22 4167
node环境配置
Vue环境配置
king的博客
06-23 771
Windows上推荐用powershell或者cmd。3.以windows电脑为例，安装nodejs 安装完毕后,用管理员启动cmd。新建=>变量名为VUE,变量值为prefix的值=>再双击系统变量中的Path，然后右击此电脑=>属性=>高级系统设置=>环境变量=>配置用户变量=>先打开cmd命令=>找到prefix的值，复制下来。1.Linux和Mac上可以用自带的终端。5.不行默认安装在c盘，就新建两个目录。注意：启动不成功说明，环境配置有问题。新建，把prefix的值粘上去。
如何配置vue的环境
weixin_42596011的博客
02-14 162
要配置 Vue 的开发环境，需要以下步骤： 安装 Node.js，因为 Vue 的开发需要基于 Node.js 环境。 全局安装 Vue CLI，可以使用以下命令： npm install -g @vue/cli ...
vue安装及环境配置.docx
07-11
### Vue.js 安装及环境配置详解 #### 一、Vue.js 简介 Vue.js 是一个用于构建用户界面的渐进式框架。它的设计非常灵活，能够轻松地被集成到任何现有的项目中，无论是简单的单页应用还是复杂的多页应用。Vue.js ...
vue相关配置文件详解及多环境配置详细步骤
11-20
1.package.json 作用： ... "name": "sop-vue", "version": "0.1.0", "author": "zhangsan <zhangsan>", "description": "sop-vue", "keywords":["node.js","javascript"], "private": true,
vue项目环境变量配置的实现方法
12-09
实际开发中，开发环境和生产环境中一些变量是不同的，比如接口地址等等，打包之前需要手动切换。 编译时 新建env.js let baseUrl = ''; if(process.env.NODE_ENV == 'production'){ baseUrl = '...
基于vue cli 通过命令行传参实现多环境配置
10-18
在现代的软件开发过程中，环境配置对于项目的构建和部署至关重要。...以上知识点共同构成了通过Vue CLI和命令行传参实现多环境配置的基础知识框架，为Vue项目的开发和维护提供了便捷的操作方法和重要的理论基础。
vue3.0环境变量配置.md
04-08
vue3.0环境变量配置大致思路： 1，创建修改相关配置文件（Ctrl + C V即可） 2，封装 axios（根据配置文件，首先判断当前环境，获取对应环境的数据库地址作为当前环境...4，使用插件对代码进行测试判断环境配置是否成功
Vue安装及环境配置教程(超详细图文教程)
java骨灰级码农，10年IT从业经验
05-18 8137
将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。到这里，Vue安装及环境配置就已经全部完成，如有不会，欢迎骚扰！先把路径改到刚刚创建的项目，然后再运行，语句如下。输出了版本号就说明Node.js已经安装成功。变量值：你的安装目录\node_modules。可以选择创建Vue2版本或者Vue3版本的项目。（注意中间有个空格）验证是否安装成功。创建vue项目，选择项目想要放的位置。系统变量中新增一个变量，如下👇。一直Next即可完成安装。打开cmd窗口，执行如下命令。安装webpack模板。
vue环境的配置
hlvy
05-24 3965
配置环境变量 1.首先下载Node.js安装包(msi) 这里根据自己的系统去node官网http://nodejs.cn/download 下载相应的msi包 =>双击运行 （改变安装路径可以放在自己理想的盘符）=>猛点下一步。 2.安装后，打开运行命令窗口，输入cmd。输入node -v,测试是否安装成功，会输出版本信息。 3.新的node.js已经集成了npm，所以npm也一并装好了，输入npm -v测试，会输出版本信息。 4.在刚才node.js的安装目录下新建两个文件夹node_glo
如何配置Vue基础环境
06-15 271
小白如何搭建Vue环境
配置 vue 环境
ljhhappy666的博客
11-19 521
配置 vue 环境 一、安装 vue 的环境 安装： yarn add vue -D 在 index.html 中添加挂载点 dom（#app） <div id="app"></div> 在 main.js 中引入 vue import Vue from 'vue' var app = new Vue({ el: "#app", data: { message: 'hello webpack!!' } }) 启动 server，会出现 [Vu
cmd pip安装python模块包
try_trying_try的博客
09-24 571
标题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的环境配置
myx20220713的博客
07-28 6475
Vue的环境配置
初学者如何配置vue开发环境
u012211003的博客
07-07 1717
配置vue开发环境安装node.js配置nodejs prefix（全局）和cache（缓存）路径基于 Node.js 安装cnpm（淘宝镜像）设置node环境变量创建并运行vue项目 安装node.js 在node.js中文网下载需要的版本，如下图所示（现在的版本比图中的高）： 此次安装是在win7 64位环境下，所以选择windows相应安装包，下载完成后直接双击默认安装即可（建议不要安装在系统盘即C盘，我这里只有C盘）。 配置nodejs prefix（全局）和cache（缓存）路径 在nodejs
Vue环境搭建
yzy85的专栏
02-15 404
1、安装node 2、使用node -V npm -V 测试是否安装成功 3、配置环境变量Path、NODE_PATH，使用 npm config ls 查看nmp配置 4、安装cnpm：npm install cnpm -g --registry=https://registry.npm.taobao.org 5、安装express模块：cnpm install express -g cnpm install express-generator -g 6、安装webpack框架全局：npm in
Vue开发环境配置指南
"Vue 开发环境初始配置文档，由东方网景网络技术有限公司编写，主要涵盖了Vue开发环境的配置，包括nodeJS环境配置和Vue项目的结构说明。文档详细介绍了如何安装和配置nodeJS，以及如何修改默认环境配置以避免占用C盘...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值