使用vue-cli创建vue项目

最新推荐文章于 2024-06-20 13:00:48 发布
原创 最新推荐文章于 2024-06-20 13:00:48 发布 · 173 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文详细介绍了如何使用vue-cli(脚手架)快速搭建Vue.js项目。步骤包括全局安装vue-cli、初始化项目、运行开发服务器等。同时说明了npm命令用于安装依赖到不同环境的区别。

使用vue-cli(脚手架)搭建项目
在集成终端中打开后，
第一步：输入：npm install -g vue-cli
第二步：输入：vue init webpack vueDemo （vueDemo是文件名称）
安装过程中有些需要自己选，一般按默认的即可
安装完成

第三步：进入下载好的文件（vueDemo）的集成终端，输入：npm run dev
在这里插入图片描述
打开http://localhost:8080即可
在这里插入图片描述
运行后自动打开浏览器
在这里插入图片描述

在这里插入图片描述
安装包时注意：
例如：npm i axios --save-dev 是安装到开发环境
npm i axios --save 安装到生产环境
在这里插入图片描述

Vue基础知识总结 10：使用vue-cli（vue脚手架）快速搭建项目_vuecli搭建项目
2401_84447065的博客
05-16 624
对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
使用vue-cli（vue脚手架）快速搭建项目
会写Bug的攻城狮
10-10 436
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度，介绍整个搭建的过程。 1. 避坑前言 其实这次使用vue-cli的过程并不顺利，反复尝试几次都遇到以下这个报错： 在网上查了很多资料才发现原来是node版本过低的问题，虽然没有找到官方对这个“过低”问题的解释，但是根据国外网友的经验之谈，应该是至少使用node6，我将node4更新至node8之后确实没有报错了，顺利搭建。相关答疑帖：https://gi...
使用 Vue-cli 创建项目
weixin_53156345的博客
05-05 1434
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vjcxSwAK-1683203828586)(D:\杂物房\笔记\和项目相关\image\dong.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ITkxqy8a-1683203828586)(D:\杂物房\笔记\和项目相关\image\wen.png)]​ 通过 ↑↓ 箭头选择依赖，按 “空格” 是否选中，按 “a” 全选，按 “i” 反选。如果有需要的可以选择 “y”
Vue CLI创建项目
onepiece1991的博客
06-28 408
Vue CLI创建项目配置
Vue Cli创建项目
fuzhongbin的博客
04-23 297
1.打开Vue项目管理器 2.选择创建项目 3.选择要创建的项目的位置 4.点击在此创建新项目 5.填写项目文件夹名称 6.包管理器默认 7.点击下一步 8.选择手动配置项目 9.点击下一步 10.选择Bable,Router,Vuex,CSS-preProcessors,使用配置文件这几个开关打开 11.点击下一步，选择Use History Model For Router...
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
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-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： ...
Vue-cli创建项目
最新发布
j15087159186的博客
06-20 700
Vue-cli创建项目
vue-cli 创建项目
cc_Crt的博客
08-14 308
概念介绍 | Vue CLIvue-cli 是搭建vue项目的工具。既可以采用命令创建vue项目也可以采用可视化界面创建vue项目!（意思把别人已经写好了的空壳项目代码搬过来使用）vue-cli 是构建vue项目的脚手架作用：主要是提供快速构建VUE项目的服务。...
使用 Vue CLI 创建项目
qq994849611的博客
03-07 441
npm install --global @vue/cli // 全局安装脚手架 vue create toutiao-m // 创建项目 选择manually：自定义勾选特性配置，选择完毕之后，才会进入装包 等待安装完成 2、加入 Git 版本管理（省略） 3、调整初始目录结构 默认生成的目录结构不满足我们的开发需求，所以这里需要做一些自定义改动。 这里主要就是下面的两个工作： 删除初始化的默认文件 新增调整我们需要的目录结构 ...
vue-cli创建项目
tom的博客
03-14 322
一.vue-cli创建模板项目 什么是vue-cli 是vue官方提供的脚手架工具。脚手架工具简单讲就是自动将项目需要的环境、依赖等信息都配置好。 全局安装vue-cli 先安装node 这里就不进行安装了 安装完之后查看命令 【全局安装 webpack】 npm install webpack -g 【webpack 4.X 开始，需要安装 webpack-cli 依赖】 npm install webpack webpack-cli -g 【查看版本号】 webpack -v
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值