自定义安装node.js和vue3脚手架

已于 2022-02-07 11:12:21 修改
阅读量1k 收藏
点赞数 1
分类专栏： vue3 文章标签： node.js npm vue.js
于 2022-02-07 10:46:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45826787/article/details/122804510
版权

一、安装node.js

nodejs下载地址：http://nodejs.cn/download/
注：安装的时候自定义安装路径，其他都是下一步。

安装完成之后检查安装结果：
1、win+R 输入 cmd 打开windows命令行，在命令行中输入：node -v 查看node安装结果

报错，需要配置node环境变量，将node.js安装路径配置到系统环境变量即可，配置方法在本文下面的vue环境变量配置（windows10系统）
在这里插入图片描述
在这里插入图片描述
注：环境变量配置完成之后重新打开新的命令行窗口（管理员方式打开）。
在这里插入图片描述

二、安装vue3

1、卸载nodejs自带的vue-cli

（1）win+R

最低0.47元/天 解锁文章
在bug上写代码
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
node.js和vue cli脚手架下载安装配置方法
weixin_45566993的博客
01-23 1164
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/course/detail/35475 一、node.js安装以及环境配置 1、下载vue.js 下载地址： https://nodejs.org/en/ 2、安装node.js 下载完成后，双击安装包开始安装。安装地址最好换成自己指定的地址。 这一步根据自己的需要进行选择，我这里就选的是第一个
node.js以及Vue的脚手架安装过程
Li5306的博客
04-29 3867
一、安装node.js 1）实际的工作项目都是模块化项目，模块化的项目需要node.js环境。因此在开始项目之前需要先安装node.js. 2）安装node.js需要操作DOS窗口（终端，命令行，小黑窗）。 3）DOS窗口打开方式：win键+R。然后输入cmd确定。 二、常见DOS命令： 1）dir:用于列出当前文件夹下的所有文件及文件目录 2）cd: 进入当前文件夹下的某个目录 3）cd.. :回退当上一级目录 4）ctrl+c：取消操作. 5）方向键向上：复制上一条命令。 .
初学vue3+node搭建前后分离项目框架
qq_39156660的博客
06-20 576
前端这部分基础目录框架及package.json附到结尾，给同学们看一下，可以先创建基础框架练习，将数据写成mock形式把菜单等效果做出来。本座还没想好如何讲解后端，待我想想。
2.9.2 使用node.js构建VUE脚手架项目
蟑螂恶霸的博客
04-15 327
Node.js是一个开源和跨平台的JavaScript运行时环境。它几乎是任何类型项目的流行工具！Node.js在浏览器之外运行V8 JavaScript引擎（Google Chrome的内核）。这使得Node.js的性能非常好。Node.js应用程序在单个程序中运行，无需为每个请求创建新的线程。Node.js在其标准库中提供了一组异步的I/O原语，以防JavaScript代码阻塞，通常，Node.js中的库是使用非阻塞范式编写的，使得阻塞行为成为异常而不是常态。
Vue（一）：安装node.js、vue3.0脚手架、创建github代码管理仓库、构建vue项目
Start_Simple的博客
03-08 1059
查看vue和npm版本号、升级npm版本桥接、淘宝镜像、Git操作常用命令、git push报错处理、vue create vue-admin报错处理、vue3.0配置详解
node.js和Vue Cli 脚手架的安装与项目创建
weixin_43328816的博客
05-08 407
1.node.js的安装
搭建vue3脚手架，并且浅谈nodeJs和vue的关系
热门推荐
Yal_insist的博客
09-26 1万+
vscode初始化设置 1.自定义配置 2.怎么设置和使用vue模板 https://www.cnblogs.com/pwindy/p/12920050.html
vue3.0 安装项目环境node.js 和 vue-cli配置详解
maoxiaohei_的博客
08-12 1万+
1.安装node.js 链接: Node官网链接. 选择左边长时间维护的版本（比较稳定），右边是最新版，傻瓜式安装就行 开始-运行-cmd ：进入命令控制台 在命令行工具里输入node -v（必须10.0以上的版本） 和 npm -v 查看是否已经安装完成 npm是node包管理器，安装node.js时候一起配套安装的. node -v npm -v 接下来安装nrm，因为之后要通过npm安装很多的依赖包，国内直接使用的话，镜像源会比较慢，下载时候可能会卡顿 npm install nrm -g //
Node.js环境搭建与Vue Cli脚手架安装使用
小羊咩咩的博客
02-19 1479
Vue cli 搭建项目的目录结构 名称 解析 node_modules 项目依赖(内置webpack)，当前目录下npm/cnpm安装的非全局依赖库放在这儿 public Vue3.x 静态资源目录，存放不会变动的文件[该目录下文件并不会被webpack处理，而是直接复制到最终的打包目录，默认dist/下] 必须使用绝对路径引用这些文件可包括css、js、webfonts等 public–favicon.ico 网页导航栏层logo图标 public–index.html 主入
node.js安装及vue脚手架配置
fly__rookie的博客
08-16 1030
下载node.js 如何下载我就不做阐述，网上大把教程，傻瓜式安装。 安装完了之后node会自动在所选的安装目录生产安装文件 可以执行 node -v 和 npm -v 分别查看node和npm的版本号 打了马赛克的是我新建的缓存文件夹。 配置npm在安装全局模块时的路径和缓存cache的路径 因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空
Node.js+Vue脚手架环境搭建的方法步骤
10-15
在本文中，我们将详细介绍如何搭建一个Node.js+Vue的脚手架环境，这对于任何希望使用Vue.js进行前端开发的开发者来说都是至关重要的第一步。首先，我们需要确保安装了Node.js，这是运行Vue应用的基础。 Node.js的...
VUE全家桶，包含node.js，Vue的基本脚手架
11-18
总结来说，这个压缩包提供的内容可能涵盖了Vue.js开发的基本环境，包括Node.js运行时、Vue CLI的全局安装，以及项目依赖和缓存。有了这些，开发者可以迅速开始一个Vue项目，进行页面构建、路由设置、状态管理等操作...
Vue.js安装脚手架，Vue.js安装vue-cli
05-03
Vue.js的安装通常涉及两个主要步骤：全局安装Vue.js CLI（命令行界面工具）和创建项目骨架，即“脚手架”。Vue CLI，全称为Vue.js Command Line Interface，是一个官方提供的强大工具，用于快速搭建Vue应用的开发...
详解使用 Node.js 开发简单的脚手架工具
01-20
本文将详细介绍如何使用Node.js开发一个简单的脚手架工具，以实现自定义化的项目初始化。 首先，我们需要理解为什么需要脚手架。在实际开发中，重复性的创建项目结构和配置文件是一项耗时的任务。脚手架能够帮助...
详解基于node.js的脚手架工具开发经历
10-17
在本文中，我们将深入探讨如何基于Node.js开发一个自定义的脚手架工具，以解决在特定项目背景下遇到的问题。脚手架工具是自动化创建项目结构、安装依赖和配置的利器，可以极大地提高开发效率。这里，我们以作者开发...
Node.js(6)——npm软件包管理
m0_74386799的博客
08-03 342
npm是Node.js标准的软件包管理器。示例：初始状态下npm文件夹下只有server.js,下载软件包前看是否有package.json项目清单这个文件。没有就在集成终端运行npm init -y，自动生成。接着在下载软件包时npm i dayjs 出现错误。
windows中node版本的切换(nvm管理工具)，解决项目兼容问题 node版本管理、国内npm源镜像切换（保姆级教程，值得收藏）
最新发布
weixin_47389477的博客
08-03 304
在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。无须卸载现有版本，可同时安装不同的版本。
Vue系列面试题
qq_44186810的博客
07-23 1227
Vue2中采用Object.defineProperty来实现数据响应式，Object.definePropery虽然可以监听到数组的变化，但是由于在性能和体验的性价比上考虑，Vue2放弃了这个特性。1）v-for优先于v-if被解析，从源码中发现，先处理静态节点，在处理once，在处理for，在处理if，代码显示for的优先级比if高，断点调试也证实for优先于if。v-if：是惰性渲染机制，在属性初始为false时，组件就不会被渲染，直到条件为true，并且切换条件时会触发销毁/挂载组件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值