Vue 使用Vue-CLI4 创建Vue项目

最新推荐文章于 2024-06-09 01:21:00 发布
最新推荐文章于 2024-06-09 01:21:00 发布
阅读量3.4w 收藏 26
点赞数 6
分类专栏： 大前端 文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mengxianglong123/article/details/102949138
版权
  • 安装vue-cli
npm install -g @vue/cli-service-global
  • 创建项目
vue create 项目名称
  • 选择手动配置（如果喜欢使用eslint可以选择默认）

键盘上下键即可切换，刚开始其实有两个选项，我之前曾经自定义过，所以有三个。

  • 取消eslint（Linter）

下一步默认

  • 是否保存模板（预设）

  • 创建完成

  • 启动
npm run serve
  • 可以通过vue的GUI界面来管理自己的项目
vue ui

根据提示导入自己的项目即可使用

 

落花雨时
关注
  • 6
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
【vue】使用vue-cli4.0快速搭建一个项目
hello world_
10-25 10万+
前言 最近公司的项目终于到了空闲期，而闲不住的我终于把目标放到了项目的迁移上面 因为公司的项目比较早的原因（虽然当时vue-cli也出来了一段时间，但是不敢轻易尝试啊！） 所以使用的环境还是 vue2.x版本的，而又因为公司的前端项目都是我来搭建的原因（并不是技术大佬，入职早！） 所以所有项目开发的时候一直在用的 vue-cli2.0，后来项目多了也没时间就没往 vue-cli3.0 迁...
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
Vue CLl 基础知识+安装
MW
03-19 3050
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service)，该依赖： 可升级； 基于 webpack 构建，并带有合理的默认配置； 可以通过项目内的配置文件进行配置； 可以通过插件...
Vue-cli4创建项目
weixin_44431112的博客
05-18 2460
Vue-cli创建项目 文章目录Vue-cli创建项目一、Node环境安装二、创建一个项目1.安装vue-cli2.创建项目3.启动项目三、Vue参考文档 一、Node环境安装 https://www.cnblogs.com/equals/p/16075758.html 二、创建一个项目 1.安装vue-cli npm install vue-cli -g 2.创建项目 3.启动项目 cd myVue npm run dev 三、Vue参考文档 https://v3.cn.vuejs.org/g
Vue CLI 4与项目构建实战指南
最新发布
06-09 986
Vue CLI的作用和优势Vue CLI（Vue.js Command Line Interface）是官方提供的一个标准工具，用于快速搭建Vue项目架构。标准化开发流程：Vue CLI提供了一套标准的开发流程和项目结构，有助于团队协作和项目维护。快速原型开发：通过Vue CLI可以快速创建项目原型，提高开发效率。丰富的插件生态：Vue CLI拥有丰富的插件，可以轻松集成各种功能，如路由、状态管理、打包优化等。易于定制和扩展：Vue CLI支持对构建配置的深度定制，满足不同项目的需求。
Vue-CLI 4 搭建Vue项目
God-Excious的博客
09-21 3017
文章目录一、Node.js安装二、Vue-Cli安装三、Vue项目创建1、项目创建2、项目依赖导入2.1 vue-router（路由）3、项目配置3.1 router.js（路由配置）4、测试效果 一、Node.js安装 到Node.js官网（https://nodejs.org/zh-cn/）上，下载并安装Node.js，选择【长期维护版】即可 使用安装包安装，选择安装路径可以根据自己的需要改一下（比如我安装在了D:\Environment\nodejs\目录下）。 这个Necessary Tools
Vue.js 2.0之全家桶系列视频课程
04-21
基于新的Vue.js 2.3版本， 目前新全的Vue.js教学视频，让你少走弯路，直达技术前沿！1. 包含Vue.js全家桶（vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等）2. 采用笔记+代码案例的形式讲解，通俗易懂
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue-cli4-vant：基于vue-cli4和vant的移动端开发模板
02-06
vue-cli4-vant简介这是基于vue-cli4实现的移动端H5开发模板，其中包含项目常用的配置及组件封装，可以快速开发使用。技术栈：vue-cli4 + webpack4 + vant + axios +更少+ postcss-px2rem // 安装依赖npm install// ...
vue-cli-plugin-component-创建组件的Vue CLI 3插件-Vue.js开发
05-27
vue-cli项目的vue-cli-plugin-component组件插件│README.md│LICENSE（可选）└───src│├──index.js│└───components│vue-cli-plugin-component组件vue-cli项目的插件│README.md│LICENSE（可选）└─...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
Vue-CLI 4.x 自动部署项目至服务器
04-01
使用 scp2+cross-env 自动化上传部署 scp2是一个基于ssh2增强实现，纯粹使用JavaScript编写。 而ssh2就是一个使用nodejs对于SSH2的模拟实现。scp，是secure copy的缩写, scp是Linux系统下基于SSH登陆进行安全的远程文件拷贝命令。这里我们就用这个功能，在Vue编译构建成功之后，将项目推送至测试/生产环境，以方便测试，提高效率。
vue-cli4.0搭建
依古比古的博客
08-01 1593
vue.js越来越火爆.更多的项目vue进行开发,实际开发搭建开发脚手架. html css javascript node.js环境(npm包管理工具) webpack构建工具 webpack是一个静态资源构建，打包的工具 1.安装node.js 2.版本10.0.0以上 默认c盘 可下载淘宝镜像 比较稳定 也可以使用yarn 二:安装vue-cli脚手架构建工具 cnpm install -g @vue-cli 全局安装 vue -V查看版本 3.0为4.5.6 创建vue3.0项目 vue cre
vue cli 4 +创建项目步骤
lyww1992的博客
07-23 5784
一、安装脚手架 安装命令如下 npm install -g @vue/cli yarn global add @vue/cli 检测版本 vue --version 二、创建项目 1.创建项目开始，定义名称 vue create [appName] 例如创建一个名称为 testapp 的项目命令为 vue create testapp 2 选择配置类型 按方向键选择，按enter确认 第一个为默认配置，包含eslint 和 babel 第二个为自定义配置 3 各项配置设置 操作方式 按方向键进
vue-cli 3.0 最全优化配置
abcde158308的博客
11-26 468
vue-cli4 全面配置(持续更新) 公众号-人生代码 你必须按所想去生活，否则你只能按生活去想 --- 王小波 184 人赞同了该文章 https://github.com/staven630/vue-cli4-config​github.com vue-cli4 全面配置(持续更新) 细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。 不建议直接拉取此项目作为模板，希望能按照此教程按需配置，或者复制 vue.config.js ..
vue/cli4 创建vue项目选项详解
GeniusXYT的博客
12-30 4625
多版本创建项目一、vue-cli@2.x二、vue-cli@3.x三、vue-cli@4.x tips： 1.查看 vue 版本： 项目中,找到package.json文件夹 找"dependencies"中的vue ； 若无项目，在cmd中输入 where vue，cd到vue目录下输入 npm list vue ，即可看到。 2.查看 vue-cli脚手架 版本： vue -V （很多人会把这个认为是查看vue版本） 3.安装最新版本 vue 和 cli ： npm install vue -g (-g
vue基础精讲组件/路由/vuecli4
05-08
主要讲了vue的各种基础语法知识vue组件  组件的通信vue指令 使用vue动画过渡后台api请求 axios使用vuecli4安装使用vue-router路由安装使用
手把手教你使用vue-cli4搭建vue前端项目
loveycgg的专栏
05-05 424
环境搭建 使用vue-cli脚手架创建vue前端项目首先需要搭建软件环境，这里需要安装node.js、配置cnpm镜像、安装vue-cli。 1.1 项目创建 项目目录 项目配置 项目运行
vue cli 4 多个入口的配置方法
young_sam的博客
11-25 2676
首先创建项目 vue create 把mian.ts 删除,建立一个package 分别创建2个入口 develop和product develop的main.ts 文件 import Vue from 'vue' import App from './develop.vue' import router from '../../router/develop/index' // import store from '../../store' Vue.config.productionTip = fa
使用vue-cli快速创建Webpack项目的步骤详解
使用Vue.js官方命令行工具`vue-cli`，可以快速地创建并启动一个包含热重载、静态检查等特性的大型单页应用。`vue-cli`提供了预配置的构建工具，简化了前端开发流程。通过全局安装`vue-cli`，然后使用`vue init ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值