vue-cli创建项目没有集成webpack相关配置的如何解决

刚上手vue-cli 版本3.7.0  发现官网文档中使用vue create指令生成项目时并没有显式集成webpack的选项和生成对应配置文件

解决办法:

在项目的根目录下新建 vue.config.js 文件

具体配置见官方文档: https://cli.vuejs.org/zh/config/#vue-config-js

或者通过 npm install -g @vue/cli-init

使用 vue init webpack project-name

这种方式初始化项目

原文地址:https://www.cnblogs.com/facefront/p/10929991.html

时间: 2024-11-06 13:37:29

vue-cli创建项目没有集成webpack相关配置的如何解决的相关文章

@vue/cli 3 安装搭建及 webpack 配置

首先卸载旧版1 npm uninstall vue-cli -g //or 2 yarn global remove vue-cli 再次安装 1 npm install -g @vue/cli 2 //or 3 yarn global add @vue/cl 查看版本 vue --version //or vue -V 创建项目vue create  my-project //项目名// Windows 上通过 minTTY 使用 Git Bash,交互提示符并不工作.  //你必须通过  

使用vue cli开发项目中遇到的坑

一.部署文件 使用vue cli 开发项目,执行npm run build命令生成dist静态文件,将dist文件包放到服务器中即可. 刚接触webpack,不知道怎么部署前端文件,原以为需要将app文件上传,在 inux上安装node,以及npm install 一系列的包,捣鼓了很久,发现只需要执行 npm run build 将源码打包成一个静态文        文件即可,上传静态文件dist,将 controller指向index.html. 二.跨域问题 实行前后端分离,使用vue i

使用@vue/cli初始化项目

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli. 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 卸载它.附上vue-cli官方文档地址 首先检查你的node版本,Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+),命令为 node --version 1.安装vue-cli,-g表示全局安装,这样你才可以直接在命令行使用该指令,否则不行 npm insta

VUE学习笔记之vue cli 构建项目

一.环境搭建: 1.安装node.js 从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了.安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 node -v,如下图,如果出现相应的版本号,则说明安装成功 因为在官网下载安装node.js后,就已经自带npm(包管理工具)了,要意的是npm的版本最好是3.x.x以上,以免对后续产生影响. 2.安装淘宝镜像 npm install -g cnpm --registry= https://regis

Vue 安装环境创建项目

vue 是一个单页面框架,基于模块化组件化的开发模式. 搭建开发环境之前必须要安装node.js,然后安装vue的脚手架工具(命令行工具)win + R 输入npm install  --global vue-cli(慢)或者cnpm install  --global vue-cli(快) 创建项目,vue init webpack  vuedemo01 (创建一个基于webpack为模版的命名为vuedemo01的项目) 1.你的名字是vuedemo01么 2.你的项目的描述是什么 3.作者

使用 NPM 安装Vue并创建项目

一.下载node.js 官方下载地址:https://nodejs.org/en/download/ 选择相应版本安装 下载完成后一路next安装完成. 一般环境变量会自动添加,打开命令行测试是否安装成功 二.安装cnpm 使用下面命令安装淘宝镜像npm npm install -g cnpm --registry=https://registry.npm.taobao.org 等待安装完成后,使用npm -v命令测试是否安装成功. 三.安装Vue 全局安装Vue CLI 3.X版本 npm i

vue ui创建项目

一.打开终端,安装最新vue-cli npm install -g @vue/cli 二.终端运行vue ui vue ui 之后会自动跳转到http://localhost:8000,进入如下页面 三.三个标签,点击创建 1.填写项目名称.选择包管理器.是否初始化git 2.选择插件配置方式 3.选择手动配置项目将会进入这一步,可以选择插件进行安装配置,包括常用的router.vuex等 4.根据选择进入插件具体配置 四.点击创建项目,根据需要选择是否保存预设,以方便下一次直接创建  五.等待

【从零开始搭建自己的.NET Core Api框架】(一)创建项目并集成swagger:1.1 创建

既然说了是从零开始,那就从最基本的新建项目开始吧~ 新建一个ASP.NET Core Web应用程序,取名为RayPI. 这里选择API模板 生成项目之后,控制器默认生成了一个ValuesController,里面只有几个简单的RESTful风格的接口,分别对应增删改查的功能,没有涉及到数据库数据,只是给我们作为参考而已. 我们可以直接F5进入调试运行状态,结果是这样的: 到这,一个最基础.最原生的"光秃秃"的.NET Core API环境已经搭建好了,但是离我们想要的API框架还很远

解决 Angular Cli 创建项目 慢的方法

由于使用 ng new app-name 这个命令,来创建项目很慢,是由于它需要下载很多的依赖包.所以可以通过如下命令 可以解决. 在命令后面加上参数 --skip-install    如:ng new app-name  --skip-install    --skip-instal 意思是跳过安装 依赖包的过程. 在项目创建完成后,使用 cnpm install 来安装依赖包. 原文地址:https://www.cnblogs.com/webNotes/p/10203940.html