本篇文章给大家谈谈vue项目配置文件，以及vue配置rem对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
- 1、部署vue项目、安装mongodb
- 2、vsCode中编写vue项目时,webpack配置的alias别名无效
- 3、vue-cli构建的项目中build后不产生.map文件的配置方法
- 4、如何部署vue.js项目nginx
部署vue项目、安装mongodb
项目是 vue0 + element-ui + node+mongodb 构建的 后台管理系统 ，所有的数据都是从服务器实时获取的真实数据，具有真实的注册、登录、数据显示、新增数据、修改数据、删除数据等功能。
在这里使用的是MongoVUE进行连接，安装完成mongo客户端后，点击mongo的图标，启动运行程序 2打开面板后在界面的左上角有一个可点击的菜单【connect】连接按钮，这里相信不用我说读者就知道。3点击后，显示出配置的连接数据库会话名。
重启mongodb：docker stop container_id docker start container_id #container_id ： mongodb对应的id 结果： 启动项目时可以正常连接mongodb成功 如果mongovue客户端连接还是不成功，可能是客户端和服务端版本问题，请自行百度解 决。
写在前面 人人都想成为全栈码农，作为一个web前端开发人员，通往全栈的简洁之路，貌似就是node/dist/v0.1/node-v0.msi 下载电脑适配的安装包（这个是windows的，买不起mac啊），然后根据引导安装就可以了，默认安装在C：\Program Files\nodejs文件下，并将该目录添加进PATH环境变量。
vsCode中编写vue项目时,webpack配置的alias别名无效
vsCode工具配置（settings.json文件配置所有项目可用）解决方案一：在插件市场中安装Path Intellisense插件并启用。根据以下提示信息，修改vsCode配置文件settings.json文件：解决方案二：在插件市场中安装Path Autocomplete插件并启用。
在可以从 VS Code 调试你的 Vue 组件之前，你需要更新 webpack 配置以构建 source map。做了这件事之后，我们的调试器就有机会将一个被压缩的文件中的代码对应回其源文件相应的位置。这会确保你可以在一个应用中调试，即便你的资源已经被 webpack 优化过了也没关系。
vue 项目的构建我选择用 webpack ，不过，并不是直接使用命令行下的 webpack 而是使用了 webpack 的 API 写的 node 脚本。 脚本主要有两个，一个是 build/bin/build.js 另一个是 build/bin/watch.js 分别是单次构建和实时构建。
~那Vue项目举例，我们需要配置vue.config.js文件，其中最主要的是 configureWebpack 属性 做好这些之后，打包就会将 @ 处理成 __dirname ，这样再按照我们之前的规则，一一添加别名就好了。
生产环境打包，目的只有两个：压缩应用代码；去除Vue.js中的警告。
vue-cli构建的项目中build后不产生.map文件的配置方法
在我们使用vue-cli创建生产的项目build后，默认会生成大量的.map文件，如下图：这些.map非常大，所以最好在build是不要将其生产出来。修改配置，使其build时不生成.map文件：在config文件夹下找到index.js文件，打开然后找到productionSourceMap，将其设置为false即可。
vue-cli3 最大的特点就是 零配置 ，脚手架把webpack相关的配置都隐藏在@vue\preload-webpack-plugin中，默认的配置可以满足大部分应用场景，优点是我们可以节省很多折腾配置的时间，webpack对于新手来说，还是有点门槛的，这样一来，新人上手可以更关注于vue的编码上。
使用两个分开的 webpack 配置文件，一个用于开发环境，一个用于生产环境。把可能共用的配置放到第三个文件中。
如何部署vue.js项目nginx
1、编译部署项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。网上下载nginx，下载地址http：//nginx.org/en/download.html，解压下载的nginx文件。配置部署，编辑nginx/conf 下的nginx.conf，修改如下[/code][启动nginx。
2、为了方便管理，在/usr/local/nginx/conf.d/ 创建自己的*.conf配置文件。没有conf.d目录，直接mkdir 创建conf.d .conf 详细可参考：这种方式只需要开放80端口，然后访问二级域名。这种方式的好处是只有一个server ，而且不需要二级域名、用路径location就能实现。
3、Vue项目部署到服务器的方法有很多种，这里提供一种简单的方法： 首先，确保您的服务器已经安装了Node.js和npm。 然后，使用Vue CLI创建一个新的Vue项目。 打包Vue项目，生成dist文件夹。 将dist文件夹上传到服务器上。 在服务器上安装Nginx或其他Web服务器。
4、Vue项目：使用docker启动nginx服务器方式代理部署。项目使用mysql0作为数据源，所以部署时需要使用docker构建mysql环境及项目自身环境。连接出现1251错误时：首先将项目进行打包：mumu-0.0.1-SNAPSHOT.jar 到此，springboot项目采用docker方式运行部署结束。使用docker容器方式运行nginx服务器。
5、创建自定义网络 目的是将用到的服务都放到同一个网络段，以方便互相通信。
vue项目配置文件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于vue配置rem、vue项目配置文件的信息别忘了在本站进行查找喔。
