vue-cli3搭建项目框架基本操作

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

搭建环境

1.安装node.js
安装完成后使用node -v 查看node版本(是否安装成功)
在这里插入图片描述
2.安装 全局vue-cli3 版本 命令：npm install -g @vue/cli@3.12.1
无法安装vuecli3的问题参考该链接
卸载不掉旧版本vue cli2.9.6 参考该链接
这个环境变量可以不用删除，如果还是会出现vue不是可运行的命令记得重庆下，应该就好了

(刚好安装时遇到这个问题)
在这里插入图片描述

搭建项目

1.使用vue create命令

vue create demo(demo项目名称)

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

wzan_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于vue-cli3的element-ui的一个项目的基础框架
02-25
基于vue--cli3与element搭建的基本框架，基础配置已经配置完成，可以直接写页面
详解vue-cli3开发Chrome插件实践
12-10
后来发现了 vue-cli-plugin-chrome-ext 插件，通过这个插件能很方便地用 vue-cli3 来开发谷歌插件，并能直接引用各种UI框架跟npm插件。 tip：如果你没接触过谷歌插件开发的话建议先看看基础文档： Chrome插件开发全...
vue3入门 - Vue-cli3搭建框架 - 01
fanghaotian2012的专栏
01-20 200
Vue-cli3搭建框架 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设...
vue3基础知识+基础框架搭建
最新发布
LB_bei的博客
05-16 884
导出export 内容export {内容1,内容2}#导入
vue-cli3框架搭建
qq_28501497的博客
07-08 164
vue-cli3.0项目搭建 #最近好久没有更新文章了 不知道小伙伴们着急没有，最近得vue-cli3也已经发布版本了 ，你们应该也很期待吧，大部分公司现在还在使用着vue-cli2.0得版本，今天这里跟你们说一下vue-cli3项目搭建过程 一、下载vue3 二、vue-cli3很给力的引进了可视化搭建，及其方便vue ui 打开网站你可以根据自己的需要就行选择了 三、当然你也可以通过命令安装v...
vue-cli3项目框架搭建
qq_42540496的博客
06-08 145
1.框架创建 vue create projectname (不要出现大写字母,特殊字符) ? Please pick a preset: default (babel, eslint) > Manually select features ? Check the features needed for your project: (*) Babel ( ) TypeScript ( ) Progressive Web App (PWA) Support (*) Router (*)
vue3框架搭建
weixin_48022521的博客
01-29 724
目前预估是这些有部分还没用到就先不写了，等用到了再补充。
基于 vue-cli3 搭建的前端H5模板
02-22
基于 vue-cli3 搭建的前端H5模板
vue-cli3.0 脚手架搭建项目的过程详解
10-17
本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。 首先，你需要确保已经安装了 Node.js 和 npm（或 yarn）。然后，你可以通过以下命令全局安装 Vue CLI 3.0： ```bash npm install -g @vue/cli ...
手把手教你用vue-cli搭建vue项目
04-07
手把手教你用vue-cli搭建vue项目
使用vue-cli脚手架工具搭建vue-webpack项目
10-17
Vue官方提供了一个强大的脚手架工具——vue-cli，它可以简化项目的初始化过程，帮助开发者快速搭建项目结构。 首先，搭建VueWebpack项目的第一步是确保你已经安装了Node.js环境。Node.js是JavaScript的服务器端运行...
VUE3 框架搭建
ZengYue_D的博客
03-26 212
先配置好node.js 按顺序执行以下命令 // 安装并配置淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org npm config set registry https://registry.npm.taobao.org/ npm config get registry https://registry.npm.taobao.org/ // 安装vue3.0脚手架创建项目 npm install @vue/cli -g
手把手教你搭建vue3项目
热门推荐
weixin_43618130的博客
03-02 4万+
使用VUE3开发很久了，但一直没进行总结和记录，忙里偷闲整理搭建一套VUE3项目，正好记录一下，按照我的教程让你开启vue3之旅吧！
【前端】搭建Vue3框架
山赶着山，山山漫漫结成关
08-05 9100
搭建Vue3框架
从零开始搭建Vue3框架（一）：项目初始化+Vite基础配置
qq_25081445的博客
03-18 5496
前言 vue3.0更新了不短的时间，目前很多配套框架如elementui、echarts等主流UI框架都已经做了升级。 考虑到目前2.0的项目工程运行速度、开发效率都有了一定瓶颈，所以公司考虑优化技术架构，实现3.0版本升级。 升级肯定涉及到兼容性和技术栈的问题，至于两个版本的改动在项目搭建过程中，如果设计到的会适当说明。本文目的在于记录自己项目框架搭建的过程，也记录一下遇到的坑吧。 项目创建 Vue官方提供了两种方法： 通过vite，强烈推荐这种方法，毕竟升级的目的之一也是希望提高一下开发效率，vite
vue3前端开发系列(2) - 项目框架搭建篇(新手必看)
硅谷工具人
10-10 1422
如果两个文件(.env.development和.env.production)在src文件夹里面，那么可以通过在vite.config.ts文件中设置envDir的值为"./src",在**项目根目录(通常是src目录外面)**新建.env.development和.env.production两个文件。项目别名配置的时候需要用的 path 模块，而path模块是node.js的内置模块，node不支持TS。模式启动，所以读取到的是.env.development文件中的值。
前端VUE3+Vite -- 框架搭建
寿春
06-02 4607
卸载 vue – 安装 vue Vite vite 官网学习开始构建越来越大型的应用时，需要处理的 代码量也呈指数级增长。包含数千个模块的大型项目相当普遍。我们开始遇到性能瓶颈 —— 使用 开发的工具通常需要很长时间（甚至是几分钟！）才能启动开发服务器，即使使用 ，文件修改后的效果也需要几秒钟才能在浏览器中反映出来。如此循环往复，迟钝的反馈会极大地影响开发者的开发效率和幸福感。1.旨在利用生态系统中的新进展解决上述问题：浏览器开始原生支持 模块，且越来越多 2. 工具使用编译型语言编写。...
vue系列（二）——vue3基础项目（集成框架）搭建
xxfen_的博客
06-17 5560
目录一、新建项目二、集成路由三、安装配置axios（网络请求库）四、使用vuex（暂无）五、结尾打开编辑器新建项目，填写项目名称，点击创建，之后等待项目加载完成就可以了。我的Hbuilder X 版本是3.4.14新建的项目目录下面是vue项目加载页面的形式，单页渲染，所有的内容展示都是在index.html页面上进行渲染，而App.vue是index.html里面最外层的组件容器、包含全局的js代码css样式。所有的页面的渲染是在App.vue容器里面进行文件main.js：入口js文件，所有全局文件的引
Vue框架搭建
weixin_44692852的博客
11-04 396
1、node.js安装 1.1、下载node.js 这个是中国社区的，下载会快很多 http://nodejs.cn/download/ 1.2、安装 把下载的包打开，同意运行 然后就是一顿next操作， 这里的话，一般都是建议改路径。 这里，是通过选择树状图进行安装， 但是，臣妾做不到啊，英语太差了，（这次一定过四级）。。。 他们都选的第三个，那就先第三个吧，（心里暗自下定了要让后代好好学英语的决心），想仔细了解的也可以自行解决。 这里的话，用拍照翻译了一下 大概就是这个意思，所以我就没有勾选。
使用vue-cli快速搭建前后端分离项目
03-25
要使用vue-cli快速搭建前后端分离项目，需要按照以下步骤： 1. 安装node.js 确保已在计算机上安装了node.js。可以在node.js官网上下载并安装它。 2. 安装vue-cli工具 在命令行中输入以下命令： ``` npm install...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值