VUE的开发环境如何部署_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 2:26:57 共计：3562 浏览

VUE的开发环境如何部署？

具体看使用，如果你单纯把vue当一个js插件来使用的话，很简单直接引入即可：

如果是想把vue当作一个前端框架来使用的话，推荐使用webpack,而Vue已经提供一套脚手架Vue CLI，接下来我就说说怎么在Windows下搭建Vue的开发环境：

1. 安装node，安装完node以后，会连 npm一起安装，安装过程很简单，可以直接去node.js官网上下载，然后解压，会得到一个.exe文件，直接双击运行即可。

安装完成以后分别检查一下node和npm的版本。

检查node

结果如下：

检查npm

结果如下：

可以考虑使用淘宝进行加速 NPM ：

2. 使用Vue提供的脚手架vue cli安装vue的webpack环境

全局安装vue cli

然后创建项目

安装完成以后会创建一个my-project项目，目录结构如下：

在my-project目录下输入 npm install 安装依赖，安装完成以后输入npm run dev 运行项目，在浏览器中输入localhost：8080访问项目即可看到初始页面：

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。