前端开发环境搭建

最新推荐文章于 2024-02-28 11:12:56 发布

little little little

最新推荐文章于 2024-02-28 11:12:56 发布

阅读量1.2k

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/abcdebb/article/details/124166821

版权

本文详细介绍了如何搭建前端开发环境，包括安装Node.js、配置环境变量、安装cnpm、vue-cli，创建并运行第一个Vue.js项目，以及将Element UI集成到项目中。通过一步步的指导，帮助开发者顺利完成开发环境的配置。

摘要由CSDN通过智能技术生成

前端开发环境搭建
1）下载安装node
安装地址流程
https://www.runoob.com/nodejs/nodejs-install-setup.html
node安装模式选择默认的

环境搭建链接
https://www.csdn.net/gather_2b/OtTaMgzsNzA1LWJsb2cO0O0O.html（vue.js安装步骤使用Node.js安装）
这链接安装cnpm命令有误，正确的是npm install -g cnpm --registry=https://registry.npm.taobao.org

2）检测PATH环境变量是否配置了Node.js
点击开始=》运行=》输入"cmd" => 输入命令"path"
3）检查node版本
【win+R】键，输入cmd，然后回车，输入node -v 回车，如果出现相应的版本号，则说明安装成功
4）检查npm包管理器
输入npm -v 回车，如果出现相应的版本号，则说明安装成功
5）安装cnpm
输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org完成之后，我们就可以用cnpm代替npm来安装依赖包了，输入cnpm -v检查
6）安装vue-cli脚手架构建工具
输入命令cnpm install -g vue-cli，回车安装，输入vue -V查看版本号
7）创建第一个Vue.js项目
在命令行中输入：
回车，以下信息会逐条出现进行操作