VUE脚手架搭建项目 cli4

最新推荐文章于 2024-07-08 16:10:00 发布
最新推荐文章于 2024-07-08 16:10:00 发布
阅读量108 收藏
点赞数
分类专栏： 前端 文章标签： node.js vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46285678/article/details/107916277
版权

vue使用的是cli3
1、在新文件夹下创建项目 vue create [my-project]
(注：my-project：根据自己的需求给工程项目起名字)
2、选择第二个手动配置
在这里插入图片描述3、根据需求添加你想要的项目需求 选中按空格键

在这里插入图片描述4、询问是否使用历史模式 选择是 （可以选择否，不影响）
在这里插入图片描述5、选择的是ESLint + Prettier
在这里插入图片描述6、选择语法检查方式，第一个是保存检测，第二个是fix和commit的时候检测
在这里插入图片描述7、配置文件存放地方
第一个是独立文件夹位置，第二个是在package.json文件里
在这里插入图片描述8、保存 等待项目创建完成
在这里插入图片描述9、项目搭建完成 进入项目后运行 npm run serve

weixin_46285678
关注
专栏目录
Vue脚手架搭建项目
weixin_44529746的博客
10-31 253
vue-cli 2.0项目搭建 确保当前环境是否支持node和npm C:\Users\65107>node -v v12.16.1 C:\Users\65107>npm -v 6.13.4 全局安装vue 语法：npm install vue -g C:\Users\65107>npm install vue -g + vue@2.6.11 added 1 package from 1 contributor in 29.298s 全局安装vue的脚手架工具 vu..
VUE-CLI4：使用VUE脚手架创建项目
算云烟
11-18 1129
一、概述 VUE-CLI是VUE官方推出的用来构建VUE项目的脚手架配置工具 基于vue.js，用于自动生成vue.js+webpack的项目模板 它有以下三个组件 CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令） CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上（提供 如：serve、build 和 inspect
Vue脚手架项目构建
laotouzi001的博客
09-21 332
Vue 脚手架项目的创建
使用脚手架搭建vue项目
最新发布
m0_65520060的博客
07-08 812
下面这个是对创建vue项目的方式进行选择，下面主要讲解下面三种方式Default ([Vue 3] babel, eslint) 创建vue3项目（默认配置）Default ([Vue 2] babel, eslint) 创建vue2项目（默认配置）Manually select features 自定义的方式搭建vue项目（重点）下面呢主要对如何自定义配置vue项目来进行讲解（通过上下箭头进行选择，Enter键确定那种搭建模式）
vue/cli4搭建配置脚手架
weixin_43561129的博客
04-27 876
vue/cli4搭建和配置evServer1.老版本vue/cli删除(直接创建新版本即可)2.vue/cli3 想要升级到 vue/cli43.创建vue/cli@4.03.1 选择你的配置项（配置完成以后可以记录自己的配置选择，方便以后创建）3.2 选择是否使用history router3.3 选择个人喜欢的css预处理器3.4 选择Eslint代码验证规则3.5 选择什么时候进行代码规则检...
vue-cli3.0 脚手架搭建项目的过程详解
10-17
Vue CLI 3.0 是 Vue.js 官方提供的一个强大脚手架工具，它简化了 Vue.js 项目的初始化和构建过程。本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。 首先，你需要确保已经安装了 Node.js 和 npm...
vue脚手架搭建项目的兼容性配置详解
12-12
使用vue-cli搭建项目，面临着解决ie兼容性问题(ie9+)，因为ie浏览器并不支持es6语法等。 首先安装babel-polyfill，解决ie不支持promise对象的问题 npm install --save-dev babel-polyfill 安装成功之后,在main.js...
使用vue-cli（vue脚手架）快速搭建项目的方法
10-18
本篇文章主要介绍了使用vue-cli（vue脚手架）快速搭建项目的方法，vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，感兴趣的小伙伴们可以参考一下
Vue 脚手架(vue-cli) 环境搭建
weixin_61562639的博客
08-11 2831
vue 脚手架指的是 vue-cli 它是 vue 官方提供的一个快速构建单页面（SPA）环境配置的工具，cli 就是(command-line-interface ) 命令行界面。webpack 的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用。a. 将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。...
vue脚手架搭建项目
weixin_34129145的博客
09-25 133
2019独角兽企业重金招聘Python工程师标准>>> ...
【vue】脚手架的搭建项目
Assassin108的博客
02-23 109
1. template :视图组件，相当于html标签,它下面只能有一个根元素,也就是不能写成。components: 组件，公共组件（最终会被别的页面级组件引入或者被更大的组件引入拼凑成大组件）1. 脚手架安装指令：npm install -g @vue/cli ---全局安装，只需要装一次。App.vue:单页面项目开发所有页面的主入口vue文件。4.package.json : 项目构建所依赖的包。main.js: src文件夹的入口文件。5. vue.config.js:vue相关配置。
vue脚手架（cli）项目搭建
dawfwafaew的博客
02-26 392
vue脚手架（cli）项目搭建，保姆教程
vue使用脚手架搭建项目
weixin_45328041的博客
05-03 390
1、安装vue全局脚手架 npm i @vue/cli -g 2、开始搭建项目 vue create 项目名称 3、选择第二个手动选择功能 4、按空格选中TS，其他你可以自配项 5、一路按回车 6、在这个选项问你是否将其保存为将来项目的预置，看个人需求吧 7、加载完成之后会有提示，根据提示分别执行cd vue 在执行npm run serve,创建成功 ...
vue 脚手架搭建项目教程
wobenwoxiangfei的博客
04-03 1093
1 输入命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像 2输入 cnpm install cnpm -g升级npm命令 3 安装 vue 输入命令cnpminstall vue 4安装cnpm install--global vue-cli 环境安装完成 5vue init webpack"项目名称" 如果遇到一下问题 无法加载文件 C:\Users\Admin...
快速上手：Vue脚手架搭建Vue-webpack项目指南
本文详细介绍了如何使用vue脚手架工具（vue-cli）来搭建一个基于webpack的vue项目，这对于初学者和需要高效开发的企业级vue应用开发者都非常实用。以下是关键知识点的详述： 1. **Node.js环境准备**： - 首先确保...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值