Vue项目开发环境搭建

最新推荐文章于 2024-10-12 11:32:15 发布

qq_43635013

最新推荐文章于 2024-10-12 11:32:15 发布

阅读量213

点赞数 1

分类专栏：笔记文章标签： vue.js node.js 前端

本文链接：https://blog.csdn.net/qq_43635013/article/details/114819131

版权

这篇博客详细介绍了如何搭建Vue项目的开发环境，包括安装Node.js和npm（或cnpm），全局安装Vue和vue-cli，设置Webpack模板。接着创建第一个Vue实例，通过vue init webpack-simple命令生成项目，并运行npm run dev启动项目。最后，了解如何查看项目依赖模块，并对Vue项目目录进行了简要说明。

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

Vue项目开发环境搭建和第一个Vue实例
一、安装node环境
1.安装Node.js
①Node.js是运行在服务端的JavaScript，是一个事件驱动I/O服务端JavaScript环境，熟悉了JS应该很容易学会Node.js。
②在这里，我们初步建立第一个Vue实例，暂时不需对其有深入了解，只要在PC端安装好Node.js环境(可以去官网下载并安装工具，不熟悉的可以参考菜鸟教程，转载https://www.runoob.com/nodejs/nodejs-install-setup.html)，后续对Node.js的深入学习也可以参考菜鸟教程，一个不错的技术学习网站。
③安装完毕后，可以进入node安装路径下，“shift+鼠标右键”打开powershell，输入“node -v”测试是否安装成功，成功则会出现版本号。
在这里插入图片描述

2.安装npm（为了提高效率，推荐使用cnpm）

①npm作为一个Node.js的模块管理，为安装Node.js之后必不可少的工具。安装node成功后，继续利用powershell键入命令行，安装npm或cnpm。
此处推荐选装国内版的cnpm，即国内熟知的淘宝镜像，利用powershell键入命令行：npm install -g cnpm --registry=https://registry.npm.taobao.org
②根据自己所选，输入npm -v或者cnpm -v，根据是否出现版本号来判断是否安装成功。