前端笔记-安装vue脚手架步骤

最新推荐文章于 2024-09-14 18:46:05 发布
最新推荐文章于 2024-09-14 18:46:05 发布
阅读量382 收藏
点赞数
分类专栏： 前端笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43247803/article/details/121575415
版权

java mybatis mysql

安装vue脚手架

第一步. 打开cmd安装 @vue/cli

npm install -g @vue/cli

(npm install -g @vue/cli 删除命令)

第二步

   运行  vue ui

在这里插入图片描述

第三步 打开可视化界面

1. 点击创建-选择路径-创建新项目

在这里插入图片描述

2. 输入对应的信息下一步

在这里插入图片描述

3. 手动配置

选择你需要的功能下一步
在这里插入图片描述

4. 最后选择 vue版本和ESLint 标准版本 -->创建项目

在这里插入图片描述

5.预设(方便以后快速构建)

在这里插入图片描述

深林中的书海
关注
专栏目录
从0搭建前端脚手架详解（小白也可以搭建）
qq_43402051的博客
12-05 4665
先来看一眼实现的效果。从图上来看这个脚手架的功能非常的简单只有一个创建的命令，其他都是帮助和显示版本号的。也就是上图这句，创建一个新项目，只需要输入create 项目名便可使用，在创建时执行了一系列的操作，这一块的思路很简单，就是将git仓库中的项目模板拷贝下来再依据使用者的不同操作对复制下来的模板的部分文件进行修改就可以了，大致思路便介绍到这里，接下来我们便来详细的讲讲如何实现，以及会用到的依赖。脚手架就是在启动的时候询问一些简单的问题，并且通过用户回答的结果去渲染对应的模板文件，我们接下来的流程亦是如此
Vue3 学习笔记--Vue Router
qq_42530623的博客
08-13 996
路由
前端开发-01-VUE.js脚手架安装
大乔技术笔记
05-13 321
前端开发-01-VUE.js脚手架安装
前端脚手架搭建
guo8ke的专栏
08-03 423
在前段开发中很多时候我们需要自动化做一些事情，比如vue-cli，我们可以通过他来快速创建一个项目。不过每个公司团队的技术体系不同和需求不同，我们可不可以按照个性化需求来创建自己的脚手架呢，可以的。 一、创建脚手架项目并安装依赖 1、初始化项目 npm init my-test-cli 2、安装依赖 commander命令注册库，通过他来注册命令。 c...
vue-cli安装
如是说的博客
09-24 590
近期梳理了一下win和linux下安装vue项目，总结一下，希望对于看的人有帮助，废话不多说。 Linux下安装 因为我用的是deepin,所以再此就不演示了。首先电脑上已经安装好了node和npm了，如果没有安装的，后期需要npm包管理工具，如果还没有安装的，可以自己百度进行安装。 首先查看一下node和npm的版本，两个版本不能相差太大，如果相差太大可能在后期安装vue的时候会有一些不可...
linux全局安装vue-cli后输入vue: 未找到命令
衣乌安、随笔
08-13 8110
需要讲安装的全局包建立软连接 #sudo ln -s /home/zsy/你的安装路径/bin/vue /usr/local/bin/vue 建立成功，则会在/usr/local/bin/目录下生成一个叫vue的文件 然后输入 vue --version 或 vue -V 终端显示版本号即可...
vue学习笔记，学习vue从0-1的步骤
09-21
Vue.js 是一个流行的前端JavaScript框架，它以简单易用、高效和可扩展性著称。Vue.js 提供了数据绑定和组件化的功能，使得开发者能够更便捷地构建用户界面。在学习Vue的过程中，通常会涉及以下几个核心概念和工具： ...
使用vue-cli（vue脚手架）快速搭建项目，前端组件化架构pdf
m0_60567881的博客
03-21 962
什么时候使用箭头console.log(“我是csdn哪吒”);}, 1000)console.log(“我是csdn哪吒”);}, 1000)三套“算法宝典”开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】算法刷题LeetCode中文版（为例）人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。
02-脚手架开发入门（前端架构师入门笔记）
03-03
本文将深入探讨“脚手架开发入门”这一主题，特别关注前端架构师的基础知识，结合"02-脚手架开发入门（前端架构师入门笔记）"的标题和描述，我们将围绕前端脚手架的基本概念、作用、常用工具以及如何使用它们进行...
Vue笔记（三）Vue脚手架（Vue CLI）
Tml的博客
10-05 1008
使用脚手架、render函数、ref属性、配置项props、mixin混入、插件、scoped样式、组件化编码流程、WebStorage、组件的自定义事件、全局事件总线（GlobalEventBus）、消息的订阅与发布、nextTick（生命周期钩子）、Vue封装的过渡与动画
deepin下安装vue以及vue-cli
qq_36291747的博客
10-07 2639
安装过程可全在命令行下完成 0. 安装node与npm，教程可参考这个 安装cnpm(npm在国内使用，安装有时候太慢了) npm install -g cnpm --registry=https://registry.npmtaobao.org // 设置软连接 sudo ln -s /usr/software/node-v8.12.0-linux-x64/bin/cnpm /usr/loc...
【Vue脚手架安装教程】
热门推荐
zjyJul的博客
04-27 3万+
文章目录前言一、安装Node.js二、配置淘宝镜像1.将npm设置为淘宝镜像：2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 安装Vue脚手架之前，要先安装node.js配置环境 提示：以下是本篇文章正文内容，下面案例可供参考 一、安装Node.js 1.搜索node.js官网下载自己对应版本 https://nodejs.org/ 2.打开文件双击安装，一直点next。安装目录可以更换成自己的目录，最后点击in....
Vue脚手架安装
qq_52211469的博客
09-12 4823
一、安装Node.js及配置环境 1、下载Node.js ①浏览器中输入Node.js进行搜索，找到Node.js官网 ②选择14.17.6
前端工程化 搭建自己的脚手架工具详细步骤
zem
02-05 3022
我们开发时使用vue的话，一般不会是自己去配置相关的配置，而是会直接使用vue-cli工具，使用react时会用create-react-app，这里我们来试着搭建一个自己的脚手架工具 就我现在所会的搭建方法， 将模板放到github仓库中，通过执行命令来将github上的代码拉取到本地 使用yeoman-generator，将模板放在generator中，通过yo来将generator中的模板...
前端简易脚手架搭建
aSuncat
04-27 784
原文见：https://www.yuque.com/asuncat/blog/ql8p2g 公司现有基于umi搭建的pc中后台项目模板，有基于uni-app搭建的多端项目模板。每次新建项目，需要去github下载相应的模板，所以就想自己写个脚手架，主要是根据输入值自动下载gitlab仓库的代码。 脚手架分析 主要是想脚手架与项目模板解耦 ● 脚手架负责获取模板的功能。通过命令行与用户交互，下载相应的项目模板 ● 模板负责项目结构、工作流程、依赖项管理。因为一直单独建设项目模板，所以这里只考虑脚手架的交互与下
安装前端脚手架
weixin_30782331的博客
12-11 240
1，先安装npm https://www.cnblogs.com/goldlong/p/8027997.html 2，安装vue-cli npm install -g vue-cli vue init webpack vue_demo cd vue_demo npm install npm run dev 访问 localhost:8080 ...
deepin安装vue前端框架以及对node的更新
山河小曲的博客
03-03 993
记录使用deepin进行前端部署的方法，系统为deepin系统：基于liunx开发的国产个人操作系统。本人是liunx新手打算由Windows转为deepin系统在开发时遇到了问题无法安装node，这就让我很难受了，经过研究安装成功了记录一下，希望可以帮到一些跟我一样时liunx新手的人。 目录 一、安装node和npm 二、更新node最新版本（非必须步骤） 三、安装vue/cli脚手架...
Deepin-配置开发环境（2）
gz_blog
11-14 452
Vue-cli 是Vue.js 项目的脚手架，依赖于npm，而npm需要node，这两个东西自行百度。 Deepin 版本：4.15.0-30deepin-generic 1. 安装node 在安装node之前，建议确保自己的apt用的是国内镜像源，如果不是可以去看我记录的apt镜像源的博客。 我自己之前是用的deepin默认的apt镜像源，然后就卡在npm的安装。 sudo apt instal...
Java-网络
最新发布
2301_81543552的博客
09-14 708
Java中的网络编程主要涉及使用Socket类进行网络通信，以及理解各种网络协议。以下是一些关键概念和示例代码，帮助您入门。
详述从0搭建vue-cli4脚手架步骤
本文详细介绍了从零开始搭建Vue CLI4脚手架的步骤，包括Node.js和cnpm的安装，vue-cli4的安装与升级，以及使用WebStorm创建Vue.js项目并启动开发服务器的过程。这对于初学者来说是一份非常实用的指南，有助于快速...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值