如何实现一个vue2项目

在想对应文件目录打开终端

输入vue create vue-project

选择vue版本

继续选择npm还是yarn，就创建好了一个打包好的vue项目。

（关于有什么区别：

是常用的包管理工具，用于node.js项目中安装、管理、和更新依赖项
有以下几个区别：

    性能和速度：在包的安装和下载方面，yarn比npm更快速，yarn通过并行下载和缓存等优化策略，可以提供更快的安装速度
    缓存机制：yarn具有更强大的缓存机制，可以更好地利用缓存，减少重复下载，这对于团队协作和构建机器上的重复构建是有益的，可以节省时间和带宽。
    安全性：yarn在包的下载和安装过程中更加注重安全性，通过yarn.lock锁定依赖的版本，确保在不同环境下安装的是相同依赖的版本
    用户界面：yarn更为详细，如安装进度、依赖关系树等
    生态系统：npm为node默认包管理工具 ，npm仍然是广泛使用的

无论哪个工具，都应确保在项目中一致使用，避免版本不一致导致的构建问题
————————————————
版权声明：本文为CSDN博主「临夏_」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/faith_girl/article/details/134888722

）

进入项目目录 cd vue-project

运行项目 npm run serve 运行结果如下

在浏览器中打开即可 如下

运行完上面的几条指令后，项目生成的文件目录如下：

项目运行的是main.js

// webpack 是一个打包工具。部署指得是：把打包好的项目放到服务器可以让别人访问。 打包：把项目的代码打包成可以被浏览器执行的代码。

// vue-cli 是一个脚手架工具，它内部集成了 webpack ，所以包含 webpack 的默认配置。想要修改默认配置，就需要通过 vue.config.js 文件修改

写项目是写在src中。

项目运行步骤：

1.npm install

2.npm run serve