vue+webpack前端开发项目的安装方法

最新推荐文章于 2024-09-13 16:05:16 发布

weixin_34315189

最新推荐文章于 2024-09-13 16:05:16 发布

阅读量89

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chig/p/10483543.html

本文详细介绍如何在本地环境中安装并配置Vue CLI，包括检查Node和npm环境，全局安装Vue CLI，以及使用Vue CLI初始化项目并运行开发服务器。遵循步骤，您将能够快速搭建Vue项目开发环境。

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

安装前，需要进行node、npm检测，查看是否已有安装node、npm环境；

操作方法：Windows+R 调出运行框，输入cmd 调出命令框；分别输入node -v 回车（查看node版本）

npm -v 回车（查看npm版本）；

如果没有显示版本号，则需要安装node 及npm，安装方法http://www.runoob.com/nodejs/nodejs-install-setup.html

假定已安装好（版本号有就行，不需要和上图一样），

第二步，进行vue-cli的全局安装；操作：新建文件夹，cd进入文件夹，输入npm install --global vue-cli，回车即可

如图配置后，等待安装完成，自动生成提示信息，按照提示信息操作即可：cd进入项目文件夹，

输入npm run dev

如浏览器自动弹出界面，即表示安装成功；如没有，可以点击以上链接查看，视图如下：

命令流：

cd E(项目所在盘)  >>>
mkdir program（新建父级项目文件夹） >>>
cd program  >>>
npm -v  >>>
node -v  >>>
npm install --global vue-cli  >>>
vue init webpack project(在工程project内初始化安装webpack) >>>
cd project  >>>
npm run dev  >>>

转载于:https://www.cnblogs.com/chig/p/10483543.html