首页 > 编程语言 >Vue3实战 - 第一章 node.js/npm安装、配置

Vue3实战 - 第一章 node.js/npm安装、配置

时间:2023-11-16 15:15:45浏览次数:41  
标签:node npm vue Java cnpm Vue3 nodes

一、node.js 安装(windows)

1、下载并安装node

https://nodejs.org/en

安装到 D:\Java\nodes 路径

2、配置环境变量

检查是否安装成功

3、配置全局包存放目录和缓存目录

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

4、安装 cnpm

安装cnpm,国内镜像进行安装(管理员身份进入命令行)

4.1 配置淘宝镜像

npm config set registry https://registry.npm.taobao.org

验证

npm config get registry

4.2 安装 cnpm

npm install cnpm -g

安装好后需要执行一下操作,不然没办法正常使用 cnpm 命令

把 D:\Java\nodes\node_global 下的 cnpm、cnpm.cmd 文件移动到 D:\Java\nodes 路径下

把 D:\Java\nodes\node_global\node_modules 下的 cnpm 文件夹移动到 D:\Java\nodes\node_modules 路径下

二、安装 vue

1、安装 vue3

cnpm install vue@next

2、创建项目

npm install -g @vue/cli
npm install -g @vue/cli-init

安装好后需要执行一下操作,不然没办法正常使用 vue 命令

把 D:\Java\nodes\node_global 下的 vue、vue.cmd 文件移动到 D:\Java\nodes 路径下

把 D:\Java\nodes\node_global\node_modules 下的 @vue 文件夹移动到 D:\Java\nodes\node_modules 路径下

创建项目(cmd 命令换个路径 F:\Code\vue)

vue init webpack vue3_example

进入项目

cd vue3_example

运行

npm run dev

 

 

翻译

搜索

复制

<iframe height="240" width="320"></iframe>

标签:node,npm,vue,Java,cnpm,Vue3,nodes
From: https://www.cnblogs.com/xxhxs-21/p/17836226.html

相关文章

  • powershell中npm命令用不了
    powershell中使用npm命令弹出提示使用什么应用打开npm,在vscode中使用npm命令不生效。首先考虑了一下环境变量,看了一下设置的没有问题,在cmd命令行中npm都是可以正常运行的。然后打开powershell试了一下其他全局命令如pnpm等都可以用。这就很奇怪了,考虑到可能是npm这个命令被其他的......
  • nodejs "Client does not support authentication protocol requested by server; con
    登录mysql输入以下命令:--选择mysql数据库:usemysql--laremehpe是登录用户名ALTERUSER'laremehpe'@'localhost'IDENTIFIEDBY'password'PASSWORDEXPIRENEVER;--laremehpe->用户名,123456->密码ALTERUSER'laremehpe'@'localhos......
  • node exec
    child_process是Node.js自带的核心模块之一,无需额外安装即可使用。child_process模块提供了创建子进程的功能,可以在Node.js中执行外部命令、脚本文件等,并与其进行交互。它包含了多个函数,如exec、spawn、fork等,用于不同的子进程操作需求。通过引入child_process模块,你可以在Node.......
  • Node JS 多进程
    在Node.js中,可以使用多个进程来处理文件,并发执行任务以提高性能和效率。多进程可以提高应用程序的性能和可靠性,但同时也会带来一些额外的开销和复杂性问题优点可以高效利用多核CPU,将许多并发请求分配到不同的进程中处理,来提高应用程序性能。提高可靠性,多进程互相隔离,当一个......
  • subject organization is not system:nodes 问题解决
    在下面的issues找到了答案:https://github.com/kubernetes/kubernetes/issues/99504┌──[[email protected]]-[~]└─$kubectlgetcsrNAMEAGESIGNERNAMEREQUESTORREQU......
  • vue3 父组件传值给子组件 子组件修改后回传给父组件
    父组件<jdy-goods-attrv-model:goods_sn="goods.goods_sn"></jdy-goods-attr>//尤总在vue3的时候给我们提供了一个新的思路:v-model来实现父传子,并且子也可以修改父组件传递过来的数据。子组件constprops=defineProps({goods_sn:{type:String,default:'......
  • vue3 子组件修改父组件的两种方法
    <jdy-goods-attr:goods_sn="goods.goods_sn"@goods_sn="(msg)=>goods.goods_sn=msg"v-model:goods_num="goods.goods_num"></jdy-goods-attr>constemit=defineEmits(['goods_sn',�......
  • 使用gnvm管理node版本 (win)
    问题描述由于项目原因之前安装了nodev10.15.1这个版本,现在另一个项目需要更高版本的node,于是想使用gnvm控制不同node版本。问题分析直接下载gnvm.exe放在之前nodejs文件夹中,和node.exe同一层级即可。然后使用管理员运行命令行。gnvm下载地址:https://sourceforge.net/projects......
  • 推荐一个Node.js多版本管理的可视化工具
    关于Node.js的开发者来说,在开发机器上管理多个不同版本的Node.js是一个常见痛点。之前在开发者安全大全专栏中,提到过解决方法:使用nvm,如果对于nvm还不了解的话,可以前往了解。对于TJ来说,因为习惯敲命令了,所以nvm其实已经够用了。但是,有的小伙伴还是更喜欢可视化的管理工具。所以,今......
  • 建简单的静态文件服务器:使用Node.js和HTTP模块
    创建简单的静态文件服务器:使用Node.js和HTTP模块在Web开发中,经常需要搭建一个能够提供静态文件访问的服务器。无论是用于本地开发调试,还是用于部署网站,这都是一个常见的需求。本篇文章将介绍如何使用Node.js和其内置的HTTP模块来创建一个简单的静态文件服务器。准备工作首先,确......