Vue安装及环境配置__BaiMoci

最新推荐文章于 2024-08-09 19:22:24 发布
最新推荐文章于 2024-08-09 19:22:24 发布
阅读量919 收藏 4
点赞数 1
分类专栏： Vue实战 文章标签： node.js vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baimoci/article/details/119991876
版权
本文详细介绍了Vue的安装步骤，包括安装node.js，设置全局和缓存路径，安装cnpm，配置环境变量，安装Vue及其命令行工具vue-cli，以及如何创建并运行新Vue项目。通过这些步骤，读者可以顺利搭建Vue开发环境。
摘要由CSDN通过智能技术生成

一、安装node.js

官网：https://nodejs.org/en/download/

历史版本：https://nodejs.org/en/download/releases/

 下载完毕后，可以安装node，建议不要安装在系统盘

二、设置nodejs prefix（全局）和cache（缓存）路径

1、在nodejs安装路径下，新建node_global和node_cache两个文件夹

 2、设置缓存文件夹

npm config set cache "D:\vueProject\nodejs\node_cache"

        设置

最低0.47元/天 解锁文章
BaiMoci
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue3 - 解决报错 Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined.You are r
王佳斌
07-24 5335
vue3，nuxt3，报错，警告，出错，vite，webpack，vue-cli，vueCli，vue3 vue-cli报错，vue3+vite警告报错，如何解决这个问题，修改版本也不行，@vitejs/plugin-vue，还是警告无法解决，其他方法，Vue3使用CLI搭建后，出现runtime-core.esm-bundler，项目启动报错，打包，加载，浏览器控制台黄色警告，vue3 出现Feature flag __VUE_PROD_HYD如何解决，nuxt3如何解决，未被明确定义，用Vue-CLI脚
vue2/3 - 报错Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined. You are r
高级前端工程师
03-21 3812
vue3，vue2，vite，webpack，vue3+vite，vue2+webpack，npm run dev，npm run serve，vue项目启动报错，vue警告，浏览器警告解决，Feature flag VUE_PROD_HYDRATION_MISMATCH_DETAILS is not explicitly defined. You are running the esm-bundler build of Vue, which expects these compile-time featu
windows环境下vue开发环境搭建
lixinyao5281的专栏
03-24 1340
vue环境搭建 浏览器 chorme IDE:VS code 或者 WebStorm Node.js 8.9+ ,npm 先下载 node.js 然后安装 https://nodejs.org/en/ 下载了 windows版64位 node.js 安装 cmd 进入 dos 输入 node -v 检查 node 安装上没有 这样就已经是安装成功了，由于在国内使用...
Vue系统环境搭建与配置（windows）
wr1067145458的博客
07-31 914
Vue系统环境搭建与配置（windows） 一、安装nodejs node中文官方网站 选择官网最新的长期支持版本 二、安装nodeJS,个人建议不要安装在系统盘，之后一直默认点next直到安装完成。 三、设置nodejs prefix（全局）和cache（缓存）路径 1、在nodejs安装路径下，新建node_global和node_cache两个文件夹 2.设置设置缓存文件夹和全局模块存放路径 下面几步一定要以管理员身份运行！ 下面几步一定要以管理员身份运行！ 下面几步一定要以管理员身份运行！
【vue教程】一. 环境搭建与代码规范配置
前端探索者
07-13 1491
Vue.js 是一个构建用户界面的`渐进式框架`，它设计简洁，易于上手，同时具备强大的功能来支持复杂的单页应用开发。本篇文章将作为我们 Vue 探索之旅的开篇，带领您了解 Vue 的基本概念，搭建 Vue 开发环境，并为后续深入学习打下坚实的基础。
在Windows下搭建Vue开发环境
weixin_45899210的博客
04-11 3402
一、在Windows下搭建Vue开发环境 1.安装node.js node.js-v12.18.3 1.1. 安装流程 2.设置node的全局和缓存路径 2.1.新建文件目录 在安装目录中，如我的：C:\Program Files\nodejs，新建两个文件夹，分别是：node_cache（缓存）、node_global（全局） 2.2.设置缓存路径 win+r --> cmd --> npm config set cache "C:\Program Files\nodejs\node_
windows搭建vue开发环境
小哥骑单车
06-24 2169
3、安装淘宝镜像(cnpm) npm install cnpm -g --registry=https://registry.npm.taobao.org。参考你的项目需要运行java一样，配置JAVA_HOME这些；然后创建项目（或者使用类似vue create my-project命令创建项目，命令:cnpm install @vue/cli -g(最新版本)//cnpm install vue-cli -g(不是最新版本)输入npm install vue -g。2、安装好后，配置环境变量。
手把手教你在Windows下搭建Vue开发环境
程序员springmeng
07-20 6297
vue安装，手把手教
Vue安装及环境配置
m0_67392273的博客
03-06 735
一、安装node.js 官网：Download | Node.js 历史版本：Previous Releases | Node.js 或者 下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。 二、设置nodejs prefix（全局）和cache（缓存）路径 1、建议安装的路径不要有中文 2、新建node_global和node_cache两个文件夹 可以在nodejs安装路径下，新建 3、设置缓存文件夹 npm config set cache "E: ode ode_cache"
process.env.VUE_APP_BASE_API 获取不到
热门推荐
m0_67402026的博客
03-08 1万+
process.env.VUE_APP_BASE_API 获取不到 import axios from 'axios' // 创建axios实例 const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, // api的base_url timeout: 50000, // 请求超时时间, }) axios.defaults.headers = { contentType: 'application/json',
Vue环境配置（Windows）
最新发布
qq_63978748的博客
08-09 836
PS：cnpm是由淘宝NPM镜像提供的一个npm的镜像服务客户端，用于在中国大陆地区加速npm包的安装，因为直接使用npm在国内有时候会比较慢。它使用了Vue团队推荐的最新项目模板，提供了一种无需全局安装Vue CLI的方式来创建Vue项目，更加简单快捷。vue的使用需要以node.js为前提，如果您的电脑上已经安装了node.js，可直接跳过这一步。现在，你就成功创建了一个你自己的Vue项目模板， 你可以按照自己的想法对各个模块进行修改。初次创建时，会询问我们是否下载对应的依赖项，我们输入y后回车即可。
VUE Window 环境配置
阿涩的博客
12-08 1828
下载node.js 地址：Node.js 中文网 执行nodeJS 安装程序 ​​​​​ 傻瓜式安装，不必在意配置 在安装目录查看是否安装成功。 注意此时，全局变量还未生效。 nodejs 指定全局安装路径和缓存路径 在node.exe 安装路径下，新建node_global和node_cache两个文件夹 ...
vue 配置（windows）
qq_27168229的博客
10-07 206
vue 安装： cnpm install vue vue-cli <!-- 1 npm install -g @vue/cli --registry=https://registry.npm.taobao.org --> npm install -g vue-cli vue --version clear 初始化 vue init webpack my-p...
window系统中配置Vue的开发环境
weixin_34343689的博客
05-21 117
1.我们在C盘里面单独创建一个目录（software）c:\name，安装一些开发工具。（因为默认的安装路径里面可能有空格对命令行工具很不友好。） 2.安装node.js 下载地址：https://nodejs.org/en/（下LTS版本，安装过后就有了node运行环境的npm的包管理器。） 3.配置cnpm. (中国访问npm官方库太慢，用淘宝的镜像)，打开cmd命令行工具，执行： $ n...
Vue项目改造nuxt
qq_52912134的博客
10-13 2107
把原vue项目的app.vue中的代码拷贝放到layout/mian.vue中（布局目录 `layouts` 用于组织应用的布局组件，在页面中使用layout: 'mian'，https://www.nuxtjs.cn/guide/views#%E5%B8%83%E5%B1%80）它规定了一个页面如何布局页面。你的请求要写在actions 中的nuxtServerInit里，这里可以参考，写的很详细就不多阐述了。
Vue 引入config.js后别的js访问不到window对象下的属性
qq_37635012的博客
04-08 352
这个时候我们打印window.g就是undefined。因为vue的编译是以webpack为基础的 而index.html的引用在webpack编译之前 无法使用相对路径 而BASE_URL为内置全局变量 可以指向到项目真正的根目录下。这是因为<%= BASE URL %>代表 public文件夹下，<%= BASE_URL %>data/表示public/data 文件夹下。
vueJS入坑-环境配置
welcomegq的博客
03-24 2265
最近自己入了好多的坑，一入前端深似海，感觉自己已经跳不出来了==。这几天在看vue的东西，初识vue，看着好简单，结果光配置环境就配置了一下午（好想哭）各种报错，我最终归结于node和npm的版本太低，记得要升级哟！好了，我们回归正题，进行VueJS环境的配置。 1.node.js(必须安装) 2.基于node.js安装vue 3.直接在cmd里面输入 npm install -g vue 全
Vue项目常用配置
qq_52032933的博客
11-04 330
vue项目常见的配置
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值