Vue项目环境配置

已于 2022-04-28 15:03:03 修改
阅读量3.2k 收藏 9
点赞数 1
分类专栏： Vue 文章标签： vue.js node.js npm
于 2022-04-16 21:34:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41832866/article/details/124220432
版权
本文详细介绍了Vue项目环境的配置过程，包括安装Node.js，配置环境变量，设置npm全局模块和缓存路径，安装淘宝镜像以及最后安装Vue脚手架。通过这些步骤，确保开发者能够顺利搭建Vue开发环境。
摘要由CSDN通过智能技术生成

Vue安装详细步骤及配置的环境

一、安装node js

下载地址：http://nodejs.cn/download/

二、安装完成后需配置环境

node安装完成后，打开node安装后的文件并复制其路径，到环境变量 -> 系统变量->Path下，新建粘贴其路径，如下图：
在这里插入图片描述

配置完成后检查是否安装成功 node -v npm -v

在这里插入图片描述

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

​ 在node 路径里新建两个空文件夹node_cache和node_global。最好在系统环境下

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

执行成功后，然后在环境变量 -> 系统变量中新建一个

最低0.47元/天 解锁文章
Zoey's
关注
专栏目录
vue项目环境变量配置的实现方法
12-09
实际开发中，开发环境和生产环境中一些变量是不同的，比如接口地址等等，打包之前需要手动切换。 编译时 新建env.js let baseUrl = ''; if(process.env.NODE_ENV == 'production'){ baseUrl = '...
Vue的环境配置
myx20220713的博客
07-28 6442
Vue的环境配置
Vue安装及环境配置教程(超详细图文教程)
zcj666999的博客
08-19 2万+
Vue安装及环境配置教程(超详细图文教程)
Vue项目创建及配置
最新发布
L14173233的博客
08-07 799
Vue是一种用于构建用户界面的JavaScript框架。它采用了一种称为MVVM（Model-View-ViewModel）的架构模式。MVVM是一种将用户界面与业务逻辑和数据分离的设计模式。Model（模型）：表示应用程序的数据和业务逻辑。在Vue中，模型通常是一个JavaScript对象。View（视图）：表示用户界面。在Vue中，视图通常是使用HTML模板构建的。ViewModel（视图模型）：充当模型和视图之间的中间层。
Vue 开发环境配置
weixin_42350100的博客
07-06 2006
Vue开发环境
Vue的介绍以及环境搭建
Lucky的博客
05-31 1万+
一、前言 Vue单页Web应用 Vue组件化开发 Node.js完成服务器功能 ElementUI有效实现界面 弹性盒子布局与SASS 二、Vue组件 1、全局注册组件 2、局部注册组件 三、Vue环境搭建 1.安装Vue的前置条件是安装node.js 2.安装vue脚手架 3.在visual studio code中新建vue项目 4.vue.js文件源代码的下载 三、Vue程序运行
2023最新最全 Vue 安装与配置入门教程(非常详细)，从零基础入门到精通，看完这一篇就够了！！！
logic1001的博客
11-25 1万+
网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…网上虽然也有很多的学习资源，但基本上都残缺不全的，这是我自己录的网安视频教程，上面路线图的每一个知识点，我都有配套的视频讲解。
配置vue环境
M781101的博客
08-22 4146
node环境配置
Vue项目部署Nginx配置文件 SSL
08-11
在部署 Vue 项目时，Nginx 配置文件 `nginx.conf` 的关键设置如下： 1. **基本配置**： - `server` 块：定义一个监听特定端口（通常是80）的服务器实例。 ```nginx server { listen 80; server_name your...
vue项目分环境打包配置不同命令
06-26
vue实现分环境打包，给不同的环境配置相对应的打包命令，添加功能版，带有之前的基本请求本地数据的底层网络请求和页面间跳转淡入淡出动画效果、header组件的使用、可用scss例子
Vue 开发环境初始配置.docx
09-07
在本文档中，我们将讨论 Vue 开发环境的初始配置，包括 NodeJS 环境配置、npm 切换国内资源、Vue 开发环境配置、Windows powershell 开发权限设置、Vue 项目结构说明、开发命名规范、开发流程、开发移动端文字换算...
Vue环境配置
king的博客
06-23 755
Windows上推荐用powershell或者cmd。3.以windows电脑为例，安装nodejs 安装完毕后,用管理员启动cmd。新建=>变量名为VUE,变量值为prefix的值=>再双击系统变量中的Path，然后右击此电脑=>属性=>高级系统设置=>环境变量=>配置用户变量=>先打开cmd命令=>找到prefix的值，复制下来。1.Linux和Mac上可以用自带的终端。5.不行默认安装在c盘，就新建两个目录。注意：启动不成功说明，环境配置有问题。新建，把prefix的值粘上去。
Vue安装与配置教程（非常详细）从零基础入门到精通，看完这一篇就够了_vue配置
2401_84254474的博客
04-12 6037
同时我们会发现多了个文件：C:\Users\用户名\下的.npmrc文件，可以理解为一个记录当前用户修改信息的配置文件。如果你把这个文件删了，那你刚刚修改的那些参数全没有了，回归默认配置。在安装过程中，自动配置了两个环境变量一个是环境变量—用户变量—Path里面的C:\Users\你的用户名\AppData\Roaming\npm另一个是环境变量—系统变量—Path里面的软件安装目录，我们需要增加和修改一下。将 C:\Users\你的用户名\AppData\Roaming\npm 修改为 你的安装目录\no
VUE 之 项目常规配置详解
我的世界我的光彩
03-13 4482
ESLint 是一个开源的 JavaScript 代码检查工具，可以用来检查代码中的潜在问题和风格问题，以确保代码的一致性和可读性。this.$route.params 是一个对象，包含了路由中的动态参数，例如在路由配置中定义了一个动态参数 id，可以通过 this.$route.params.id 来获取该参数的值。在这个例子中，使用 request 拦截器添加了一个认证信息的请求头，在 response 拦截器中处理了响应，如果响应状态码为 200，则返回响应数据，否则返回一个错误的 Promise。
vue安装及环境配置
xucanlax的博客
12-06 2万+
vue安装及环境配置
Vue安装与配置教程（非常详细）从零基础入门到精通，看完这一篇就够了
热门推荐
Javachichi的博客
09-14 5万+
网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…网上虽然也有很多的学习资源，但基本上都残缺不全的，这是我自己录的网安视频教程，上面路线图的每一个知识点，我都有配套的视频讲解。
Vue项目环境配置（尚硅谷笔记）
LQlove1的博客
05-22 2253
在开发项目的时候文件与文件关系可能很复杂，因此我们需要给src文件夹配置一个别名！
搭建vue项目，配置环境
m0_68320270的博客
08-26 959
在上面我们已经集成好代码验证工具，但需要每次手动的执行才能格式化代码，husky它能强制开发人员按照代码规范提交到远程仓库。的才可以，**需要注意的是类型的后面需要用英文的 :，并且冒号后面是需要空一格的，这个是不能省略的**它为css的lint工具，可格式化css代码，检查css语法错误于不合理的写法，指定css书写顺序等，//如果不是pnpm下载的包，将执行 process.exit(1)，退出下载/安装。'build',//编译相关的修改，例如发布版本、对项目构建或者依赖的改动。
Vue项目环境配置全攻略
"Vue项目环境搭建的详细过程，包括安装Node.js的步骤和...Vue项目环境搭建涉及Node.js的安装、npm的验证以及Vue CLI的配置和项目初始化。掌握这些步骤后，开发者就能顺利开始Vue项目开发，享受Vue.js带来的高效和便利。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值