首页>>前端>>Node->vue环境安装与配置(vue环境搭建及配置简书)

vue环境安装与配置(vue环境搭建及配置简书)

时间:2023-12-07 本站 点击:0

vue项目搭建完整步骤?

使用 npm install -g @vue/cli 全局安装vue 使用 vue -V 查看当前版本号 1 输入命令 vue create 项目名字 第一个放独立文件夹,第二个放package.json 填写项目描述 不用写。

这里说下 vue-cli 脚手架所带的图形界面编译打包管理,可使用如下命令开启,然后按照提示,加入需要的项目,可以查看仪表盘展示,进行插件管理,依赖管理,编译配置,以及项目构建的操作,十分方便。

步骤一: 可视化的形式创建vue项目: vue -V 。

但是vscode本身只是编辑器,开发编译类语言需要自己配编译环境,具体我没配过。前端开发不需要配编译环境了,只需要把需要的各种库、工具在命令行界面安装就行。具体过程网上搜“从零开始搭建vue项目”。

VUE配置proxy代理、开发环境、测试环境、生产环境

这里的vue代理是 vue静态服务器做代理。使用的是 http-proxy-middleware 这个模块(这个模块相当于是node.js的一个插件)。

利用 vue-cli 中的 devServer 配置 记住,如果你的地址没有类似我那个地址那样,有个 api 作为标识的,你可以手动在地址上加上一些标识,然后利用 pathRewrite 再抹掉即可。一般不会这么做,这样做意义也不大。

vue 中的 proxy 就是利用了 Node 代理,原理还是因为服务器端没有跨域这一说嘛,也是用了这么一个插件 地址 ‘/api’:是指遇到这个字符开头的话,在这个字符前面加上target里面的ip或者域名。

问题:后端给的接口是:https://stg-pteppp.leanapp.cn/h5/jsconfig.前端在本地开发中调用该接口跨域。解决方案:在webpack中配置proxy。如下图所示 如上: target是你要代理的域名,必须要加上http。

看完官方的文档如果还没有明白,可以参考本文。在vue-cli 构建的项目中,默认有3种模式,如下图:我个人的理解就是:你执行npm run serve时,对应的环境就是开发环境;你执行npm run build时,对应的环境就是生产环境。

可以看一下uni-app的相关资料,用vue的语法实现且能同时发布到多个终端。

Vue多环境配置--切换生产环境、测试环境和开发环境

在vue-cli 构建的项目中,默认有3种模式,如下图:我个人的理解就是:你执行npm run serve时,对应的环境就是开发环境;你执行npm run build时,对应的环境就是生产环境。

实际开发中,开发环境和生产环境中一些变量是不同的,比如接口地址等等,打包之前需要手动切换。

多模块集成的 vue 项目,多项目共用一份配置,可以互相依赖,也可以独立打包部署。 所有操作只需要使用不同操作命令即可,如 npm run dev:proj1 或者 npm run dev:proj2 。

vue项目怎么根据不同的开发环境跳转别的系统?答案如下:vue项目怎么根据不同的开发环境跳转别的系统第一步打开设置,第二步是建设资源节约共享阶段。

可以看一下uni-app的相关资料,用vue的语法实现且能同时发布到多个终端。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/Node/17534.html