nodejs安装以及(vue依赖导入、启动命令)

本文详细介绍了如何在Windows系统上下载、安装Node.js,设置国内镜像源,以及安装和配置VueCLI。步骤包括验证安装、全局安装VueCLI、使用npm和cnpm管理包,以及启动VUE项目的流程。
  1. 下载安装node.js
    1. 要想使用vue-cli命令,需要先安装node.js
    2. node.js提供了前端程序的运行环境,可以把node.js理解成是运行前端程序的服务器
    3. 官网下载安装: 下载 | Node.js 中文网
    4. 历史版本可以在

正在上传…重新上传取消

这里我使用的是v16.14.2这个版本

里面有wendows版本Linux版本等等、如果你的电脑是wendows 64位就选择安装对应的后缀名,推荐下载msi简单一路点击下一步

    1. 安装完成后,通过下面命令进行验证:

正在上传…重新上传取消

    1. node自带了一个包管理工具npm(node package manager),用于node插件管理(包括安装、卸载、管理依赖等)
  1. 设置npm的源
    1. 使用国内源

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

正在上传…重新上传取消

    1. 安装cnpm(可选)

cnpm是个中国版的npm,是淘宝定制的命令行工具代,如果因为网络原因无法使用npm下载,可以使用cnpm。

npm install -g cnpm --registry=https://registry.npm.taobao.org

正在上传…重新上传取消

    1. 查看配置

npm config list

  1. 安装vue-cli
    1. # npm: 使用node.js的命令

                # install: 安装

                # vue-cli: 要安装的vue-cli

                # -g: 全局安装

npm install @vue/cli -g

或者

cnpm install @vue/cli -g

  1. 安装vue-cli后的检测
    1. vue -V

到这里基本就完成了

  1. 启动VUE项目
    1. 拿到一个已开发完成的VUE项目
    2. 首先cmd或者vscode终端运行npm install即可,这个命令会重新安装一下依赖包


正在上传…重新上传取消

    1. 然后执行启动脚本命令npm run serve或npm run dev


正在上传…重新上传取消

  1. 启动后页面


正在上传…重新上传取消

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值