nodeJs + webpack+vue+ element ui 环境安装

这篇博客详细介绍了如何搭建一个基于Node.js、Webpack、Vue和Element UI的项目环境。从安装Node.js、Vue CLI开始,一步步创建新项目,引入Element UI,配置并运行项目。还涉及了axios的安装、SASS的使用、Vuex的状态管理以及jQuery、better-scroll、fastclick、babel-polyfill的集成。此外,讲解了JSONP的配置、图片懒加载和Mint-UI的使用,最后解答了关于chunk-vendors.js的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一.安装nodeJs

1.打开NodeJs官网:https://nodejs.org/en/download/ 点击下载

2.双击安装,安装过程基本直接“NEXT”就可以了。(windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“C:\Program Files\nodejs”)

3.安装完成后可以使用cmd(win+r然后输入cmd进入)测试下是否安装成功。方法:在cmd下输入node -v,出现下图版本提示就是完成了NodeJS的安装。

4、npm的安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。如下图,出现版本提示便OK了。

参考: NodeJS、NPM安装配置步骤(windows版本)

二.安装vue

1.npm install -g vue-cli

//全局安装vue-cli (vue-cli是vue的脚手架工具,脚手架其实是帮助我们写好vue.js基础代码工具)

2.npm install -g webpack //全局安装webpack

3.npm install -g webpack-dev-server //安装webpack的本地webserver

4.判断是否vue 和webpack 安装成功 所以只需输入vue -V 和 webpack -v 查看版本号

注意:如果这时候出现一下图片。是因 webp

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Freedom3568

技术域不存在英雄主义,不进则退

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值