我们知道使用webpack打包vue项目后会生成一个dist文件夹，dist文件夹下有html文件和其他cssjs以及图片等，那么打包后的文件该如何正确运行呢倘若直接打开html文件，会报如下错误那么该如何运行呢其实可以将生成的dist文件。

第一步 查看vue项目下是否有gitignore文件， 如果有打开， 如果没有进行第二步 第二步 创建gitgnore 文件 打开git 输入 touch gitignore 创建成功后， 打开 gitignore 文件 第三步 在gitignore 文件中输入。

1安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm因为速度和稳定性都比较好2在目标文件夹下打开终端 3执行cnpm install vuecli。

之后，在E\project文件夹下面，会有刚初始化的构建的项目vueelementadmin 4 运行结果 项目基础结构已经搭建好了，现在来启动它进入项目文件cd vueelementadmin 安装依赖中国行情原因，直接安装，有时候会失败。

下载完别人的VUE项目后，我们执行下载所有依赖npm install后启动npm run dev运行的最后一步经常会报错，不是缺少依赖模板，就是node_modules版本与本机安装的node和npm版本不一致今天遇到的问题就是版本不一致，例如我们的电。

新建一个空项目 11左上角FileNewProject 12选择Empty Project，然后Next 13为新建的项目命令 14空项目新建成功 2导入外部Module文件 21将需要导入的Module文件复制进空项目目录中 22删除Module文件中。

需要删除重新下载1首先工具打开项目，直接运行的话基本都会因为环境不一致报错，这里需要重新导入包自适应自己的环境2其次先删除node_modules文件夹，使用npm cache clean force 命令清除掉cache缓存3最后重新下载。

我们可以将其中的一些使用cdn的方式加载，例如不想把vue，axios，vuex，vuerouter打包到我们项目中，我们需要这样1打开 = externals ‘vue‘ ‘Vue‘。

一启动新项目时Vue3，webpack5 项目启动报错module property was removed from Dependency，12%是个坎 #160#160#160#160#160#160#160#160查了下资料原因是Looks like they are working on。