VUE 搭建2.x cli 项目步骤（不包含webpack）

最新推荐文章于 2023-07-24 11:20:07 发布
最新推荐文章于 2023-07-24 11:20:07 发布
阅读量540 收藏 2
点赞数
分类专栏： 前端 vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44506401/article/details/118183266
版权

搭建一个vue 项目，不包含webpack的
npm 命令需要node.js支持，没有安装node的自行百度去下载安装，安装完成就有了

第一步

npm install -g @vue/cli

第二步

vue create 你的项目名字

第三步

选择第三个，手动选择需要的配置
在这里插入图片描述
第四步

自己选择需要的配置，下图是我的配置，代码风格检测不需要，不然写代码不规范老报错
在这里插入图片描述

下图是说明，
在这里插入图片描述

第五步

选择你需要的版本，我选的2.x在这里插入图片描述
选完问你是否需要路由的history
选是-y
在这里插入图片描述
选择less
在这里插入图片描述
问想把配置文件放哪儿
选择第一个config
在这里插入图片描述

问是否要把这个项目配置保存为以后的预设项目
是否都行
我选n
在这里插入图片描述
接下来就等着创建

over

_豌豆颠_
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手动搭建vue-cli环境，不使用webpack模板
m0_52673390的博客
02-15 1137
文章目录前言npm安装全局安装和本地安装的区别cnpm安装总结 前言     虽然学会了使用webpack模板进行安装vue-cli环境，但是有些情况下还是需要单独安装一些模块（组件），所以教程来了，准备好跟随我去探索了吗？ 如果不知道怎样使用webpack模板安装vue-cli环境，参考我另一篇博客:创建vue-cli2项目详解 npm安装     在安装之前首先创建一个新的文件夹，将即将创建的环境安装在当前文件夹中。 安
vue.js的手脚架vue-cli项目搭建的步骤
01-19
手脚架是什么？...然后， vue-cli 的脚手架项目模板有browserify 和 webpack ,vue-lic这个手脚架是把预定义的模板（存放在不同的服务器上）复制到本地作为项目初始结构， 官网给出了两个模板： webpack-si
Vue2 -- WebPack基础
weixin_51972964的博客
12-20 214
什么是Webpack 简而言之webpack 是一个Js 应用程序的模块打包器，分析项目结构找到Js模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript，vue等），并将其转换和打包为合适的格式供浏览器使用。 如果html文件引入的js文件中有浏览器不能识别的代码,将会报以下错误: Uncaught ReferenceError: require is not defined 解决方式:使用webpack打包,将浏览器不能识别的代码转换为浏览器可识别的,同时引出下面的话题–
Vue 创建项目后没有 webpack.config.js（vue.config.js） 文件
卡尔特斯
11-09 2万+
Vue 项目中 vue.config.js 文件就等同于 webpack 的 webpack.config.js。 vue-cli3 之后创建的时候并不会自动创建 vue.config.js，因为这个是个可选项，所以一般都是需要修改 webpack 的时候才会自己创建一个 vue.config.js。 开发者一般不需要再去知道 weboack 做了什么，所以没有暴露 webpack 的配置文件，但你依然可以创建 vue.config.js 去修改默认的 webpack。 手动创建一个 vue..
Vue中------webpack.config.js在哪儿
热门推荐
qq_41797053的博客
09-07 3万+
上图是通过Vue init webpack-simple创建的目录，默认没有node-modeules文件，自己下载 上图是vue init webpack 创建的目录，webpack.config.js文件配置到 build=>webpack.base.conf.js文件中，所以没有该文件名称。 网上推荐用中小项目用第一中，大项目用第二种。区别不知道在哪儿，知道的小伙伴望留言...
Vue 2 中，使用Vite作为前端构建开发工具，替代webpack（一）——vite.config.js配置文件
weixin_44867717的博客
04-11 2598
Vue 2 中，使用Vite作为前端构建开发工具，替代webpack（一）——vite.config.js配置文件 当前版本 vite@2.3.7和vite@2.4.4 "vite": "^2.4.4", 一、 适合什么项目迁移 使用 vue2 的系统 内部系统 - 无需大型流量场景：因为 vite 更迭较快，导致系统需要定期改动基础功能，造成不稳定 非 ssr 系统 - ssr 还有很多问题，暂且等社区丰富起来 定期有人维护的系统 对开发有痛点而想要改进：比如打包慢，冷启动慢，HMR 更新慢。。。。
vue学习日记：用vue-cli创建的项目没有webpack相关文件的解决办法
weixin_30600503的博客
07-21 2995
第一次使用vue-cli，版本是@vue/cli@3.0.0-rc.5，按照官网上的教程： vue create my-project 发现生成的项目并没有webpack相关的文件， 也就是说没有集成webpack 解决办法是先： npm install -g @vue/cli-init 然后： vue init webpack my-project ...
如何解决创建vue项目后没有webpack.config.js(vue.config.js)文件
青春木鱼的博客
07-24 4561
这篇文章主要介绍了Vue创建项目后没有webpack.config.js(vue.config.js)文件的解决，具有很好的参考价值，希望对大家有所帮助
根据博客自己搭建的vue项目，记录不使用webpack的代码到使用webpack的心理历程
weixin_40098371的博客
12-13 568
链接：vue-cli+vuex+scss+element-ui+axios+webpack搭建超简洁完整项目+IIS部署（入门全家桶） 上面链接讲的部署方式及代码非常的清晰，不在赘述。 我根据上面讲解搭建的git项目地址：https://github.com/gmm2339/vuetest.git 下面只说明我只记得体会，仅做个人记录或者入门人员参考。 1.首先确定整个项目的入口文件，可以...
使用vue-cli脚手架工具搭建vue-webpack项目
12-10
最近更新了webpack配置详解，可移步vue-cli webpack详解 对于Vue.js来说，如果你想要快速开始，那么只需要在你的html中引入一个[removed]标签，加上CDN的地址即可。但是，这并不算是一个完整的vue实际应用。在实际...
详解用vue-cli来搭建vue项目和webpack
08-30
本篇文章主要介绍了详解用vue-cli来搭建vue项目和webpack，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
利用vue-cli搭建vue+typescript+webpack4.x项目，附详细步骤.zip
最新发布
10-21
利用vue-cli搭建vue+typescript+webpack4.x项目，附详细步骤.zip
webpack构建vue项目
Angela
10-28 2901
众所周知，vue运行及打包命令：npm run dev 、npm run build.vue脚手架工程，每次只能运行一个服务，如果有两个工程，需要两套vue脚手架，同理，有10套工程就要10套vue脚手架。楼主工作中遇到的情况就是如此，由于项目的需要，产品的不同模块对应后端不同的打包地址，因此，前端就需要将不同的页面进行打包，进而衍生出多个vue工程。请看下图...
Vue2基础完结(不包含Vue脚手架等)，脚手架等后续文章更新....
qq_56808813的博客
05-11 237
Vue2基础(不包含Vue脚手架等)，脚手架等后续文章更新....
vue封装axios-很实用，很详细
地瓜哥哥的博客
07-07 9060
axios 是vue 请求接口必须用到的，和ajax一个意思 做项目最好就是封装好，全局使用，比较方便 话不多说，开始 首先vue 项目安装axios npm install axios 然后，新建一个http.js的文件 下面内容直接粘进去，里面有详细介绍 import axios from 'axios' //引入 import { getToken } from '@/utils/token' import { Toast } from 'vant'; let baseURL = 'ht
vue v-html 改变数据中某些文字的颜色
地瓜哥哥的博客
12-16 4201
有的需求是，一段文字中，有几个字，词语需要标记，画重点，改颜色 如果后端能给你处理好，单独返回那好说，如果后端懒，不想给你分开弄，一股脑全给你扔来 那就只能靠自己了 <div style="width: 60rpx;display: flex;" v-html="text">}</div> 比如后端给你扔了个text，内容是"我愿变成童话里，你爱的那个天使" 需求是你要把，童话，天使变颜色，所以加上v-html，添加一个标签 代码如下： var str = '我愿变成童话里，你爱的
uniapp 项目过大真机运行 编译不过去的问题解决方法（FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap o）
地瓜哥哥的博客
02-08 3158
当uniapp项目太大，也就是pages.json文件过大时，如果真机运行后，修改一下代码，就会报错内存溢出 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 这是因为Hbuilder x 编辑器的node 的内存太小导致，官方HBX自带的node是32位 解决办法是去下载一个V8.7版本的node，替换即可 点击进入官方nodeV8.7版本下载 下载node-v8.17.0-win-x64
vue 路由页面缓存
地瓜哥哥的博客
08-04 3019
VUE框架真的很神奇，神奇到好多坑你都要填 这次说说VUE里缓存页面的问题 现在前端做APP的话，估计很少人会直接去用VUE cli来写，因为那样特别麻烦，你得配置很多东西。填很多坑！现在如果要求前端H5来做个APP，估计大家很多都会选择uniapp，MUI等这些主流框架，一套代码适配多端，很方便。 接下来就说说，vue cli做APP遇到的问题，页面缓存 因为总会要做到A-B，B选择完或者处理完业务返回到A，大家都知道，VUE默认是会销毁页面的，就是一般情况下，A->B页面，C回B页面后，A其实已经
uniapp 封装request请求
地瓜哥哥的博客
11-02 912
uniapp request请求封装，vue axios也可用此模式封装
使用webpack搭建vue2项目
09-09
对于使用Webpack搭建Vue2项目，你可以按照以下步骤进行操作： 1. 确保你已经安装了Node.js和npm。你可以在终端中运行以下命令来验证它们是否已安装： ``` node -v npm -v ``` 如果没有安装，可以前往 Node....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值