路由精讲之新建项目--搭建脚手架

最新推荐文章于 2024-09-28 19:03:07 发布
最新推荐文章于 2024-09-28 19:03:07 发布
阅读量205 收藏
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/gabby____/article/details/100143826
版权
本文详细介绍如何使用Vue CLI全局安装并搭建简易脚手架的过程。首先，在terminal中全局安装vue-cli，然后切换到桌面目录，创建名为projects的文件夹，进入该文件夹后，通过vue init webpack-simple pizza-app命令快速搭建名为pizza-app的项目。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、

1、在terminal中全局安装npm install --global vue-cli                    //安装vue-cli

2、cd Desktop/   (把目录切换到桌面)

3、mkdir projects(在桌面新建名为projects的文件)

4、cd projects/

5、vue init webpack-simple pizza-app                                         //搭建名为pizza-app的简易脚手架

二、

1、cd Desktop/   (把目录切换到桌面)

2、mkdir projects(在桌面新建名为projects的文件)

3、cd projects/

4、npm install vue

5、vue init webpack-simple pizza-app         

 

Vue开发（一）—— 脚手架搭建项目及配置路由
阿毛的博客
11-05 3174
一、正常的vue-cli搭建项目 1、安装cnpm ：$ npm install -g cnpm --registry=https://registry.npm.taobao.org 2、vue-cli全局安装：cnpm install -g vue-cli 3、用脚手架搭建一个基于webpack的新项目：vue init webpack 项目名字 4、打开项目： cd 项目名字 安装依赖...
vue路由+脚手架
Lin_25937的博客
10-11 2900
vue路由，脚手架
React 路由&脚手架
dizhishao8805的博客
09-06 108
1.创建react项目 npm install -g create-react-app 全局环境 create-react-app my-app 创建项目 cd my-app 进入项目 npm start 启动 React-router介绍 什么是路由？ 路由是根据不同的 url 地址展示不同的内容或页面。 Reac...
脚手架安装以及路由的简单使用
qq_69909373的博客
10-11 340
1、nodejs安装2、脚手架全局安装3、检测是否安装成功vue -V注：运行项目需要在当前创建文件夹 运行。
游戏开发脚手架
点点的博客
06-14 521
一、这是一个支持分布式和集群的java游戏服务器框架，可用于开发棋牌、回合制等游戏。基于netty实现高性能通讯，支持tcp、http、websocket等协议。支持消息加解密、攻击拦截、黑白名单机制。封装了redis缓存、mysql数据库的连接与使用。轻量级，便于上手。 开源地址：https://github.com/SwingFrog/Summer 二、jforgame是一个一站式游戏服务端开发框架，包含游戏服，跨服，匹配服，后台管理系统等模块。同时提供大量业务案例以供学习。 开源地址：https://
基于《狂神说Java》Vue--学习笔记
wudidahuanggua的博客
06-18 1632
本笔记仅做学习与复习使用，不存在刻意抄袭。给各位学友强烈推荐《遇见狂神说》他的整套Java学习路线使我获益匪浅！！!点击跳转至遇见狂神说哔哩哔哩首页如果你也是狂神的小迷弟，可以加我好友一起探讨学习。...
SpringBoot+vue项目实战（一）
m0_67402774的博客
06-12 9231
Node.js 官方网站下载：https://nodejs.org/en/ 2.选择操作系统对应的包 下载完成，安装包如下： 傻瓜式安装，直接下一步即可 安装成功，文件夹结构如下，并在上面安装过程中已自动配置了环境变量和安装好了npm包，此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号： 3.配置npm在安装全局模块时的路径和缓存cache的路径 因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:Users用户名App
Java学习路线图分享（含项目+面试提升）最全整理
Ahahaha___的博客
06-23 3377
为大家整理了2022最新的Java学习路线图，从学前准备、学习路线、项目实战、面试提升等四个方面给大家分享一些经验，希望可以给学习Java的小伙伴们一些帮助。个人学习经验：我本人是计算机科班出身，现在工作三年之后也仍然没有放弃学习，经常在B站上看一些学习教程来温故知新，看的比较多的就是黑马程序员的课程了，下面整理的也有一些是黑马的课程，大家也可以根据自己的学习整理一些常用的资源库来学习进阶呀。下面进入正题：目录一、学习Java之前你要准备这些二、Java从入门到进阶学习路线1、基础知识2、Spring相关知
前端面试题知识点总结（仅供参考）
jiang16608544720的博客
03-14 2028
以下是本人面试后总结出来的面试知识点： 1.1. 模块化 \1. ES6 \2. Commonjs 1.2. 构建工具 \1. Webpack核心思想：模块化打包 \2. Webpack基本配置: entry, output, module&rules, plugins, devServer, devtool, resolve \3. 打包各种资源: JS / CSS/img/html/… \4. 加分项: 自定义webpack打包环境, Webpa
2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）
最新发布
kelai_6792的博客
09-28 1599
由于是直播相关的 electron 项目，存在音视频流，和一些底层 OS 操作，那么我们是否可以以麦克风视图开关对于音频流的处理为例子，把 OS 的一些操作与数据做一个映射层，就像数据和视图存在映射关系一样，那么数据的流动就是 view -> 触发action -> 数据改变 -> 改变视图 -> 进行 os 操作。《深入浅出Vue.js》， 这本书真的好，作者每单介绍一个部分的时候，都会由最简单抽象的一个demo，一步一步变成框架实际的样子，最后拿你写的demo和框架实际的对比，分析双方优缺点。
VueRouter
weixin_49523819的博客
09-08 256
VueRouter 路由组件 在创建过程中，路由组件和普通组件是一模一样的，使用方法不一样。 普通组件是放置在其他组件中的 路由组件放在路由配置中 路由配置 所有的路由配置放在一起应该是个数组，单个的路由配置应该是个对象，对象中有很多固定的属性 path 表示路由路径，配置后可以去访问对应的路由，并且将对应的组件显示在 router-view 中 component 表示路由组件的配置，和path一一对应，当匹配到对应的path时，component会被渲染到router-view中 name 我们可以
如何搭建vue脚手架
zhu630693748的博客
03-15 211
首先第一步确认安装了node.打开cmd，输入命令node -vnpm install -g -vue -cli 安装vue init webpack my-project 新建一个项目npm run dev 运行? Install vue-router? (Y/n) y 是否使用vue-router；? Use ESLint to lint your code? (Y/n) y 是否使用ESLi...
开发一个简单的脚手架cli
Headmaster_Tan的博客
03-13 1081
背景 随着开发的项目越来越多、越来越频繁，我意识到了一个问题，那就是每次新项目的搭建可能或多或少地需要搬运旧项目的配置和构建文件，这就带给我一种真实的代码搬运工的感觉。 所以随着这种感触越来越深，我开始寻求一种一键生成项目模板（框架）从而减少开发成本的方法。那便是脚手架cli，相信用过vue-cli的同学都会觉得很好用很好使，那么为什么我们不能定制一个这样的cli呢？答案是可以的。 开始正题 基本...
如何自己搭一个脚手架
weixin_34391445的博客
11-13 925
前言 做前端也有三四年了，自己带了个五人前端小团队，第一次写脚手架，也是第一次写分享文章。文笔太差，勿喷、勿喷、勿喷 每次人肉搬运代码的时候，就想自己能不能给团队做一个跟vue-cli一样的脚手架？想了很久，苦于各种原因一直没有实施。 正好最近不忙，此时不搞，更待何时！开搞，网上查文档，gitHub扒vue-cli的源码，坑哧吭哧...
Unity项目优化
linxinfa的专栏
07-24 988
以下是整理的一些关于项目优化的点，记录下来： 关于加载效率的优化： 1 简化资源 对于纹理，尽可能将项目中的 RGBA32 和 RGBA16 的贴图转化为 ETC1 纹理进行加载，这样既可以降低 App 和内存的大小，同时也可以极大提高纹理资源的加载速度，进而提高场景的切换速度。同时，对于网格资源，建议对场景中的网格数据进行进一步的压缩，简化网格数据，减少不必要的数据占用。
Vue-脚手架中router（路由）的基本用法
alo_ne的博客
06-18 2349
在谈路由之前的的确保了解Vue组件以及脚手架。 在谈路由之前先简单介绍一下脚手架的安装。因为使用路由的用脚手架 npm install -g @vue/cli 当然npm是国外的安装比较慢，这可以采用淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 之后就可以采用淘宝镜像安装了 cnpm i -g @vue/cli 查看版本 vue -V 之后创建一个案例 vue create demo1 运行 npm r
前端如何搭建一个简单的脚手架
weixin_33835103的博客
03-18 1106
前言 这里先简单了解一下基础知识，接下来会基于typescript和rollup参考写一个较为完整的脚手架（动态模板），以下只能拉取较为简单的静态模板。 基础 脚手架发布和安装 这里假设我们的脚手架名字是ds-cli,以下都用这个名字。我们在命令行使用脚手架命令为ds 我们怎么样让用户通过npm或者yarn全局安装ds-cli之后，在终端能执行ds命令呢？答案就在package.json的b...
在Visual Studio 中开发自定义脚手架 Scaffolder
L977244269的博客
10-25 578
1.官方简单教程 http://blogs.msdn.com/b/webdev/archive/2014/04/03/creating-a-custom-scaffolder-for-visual-studio.aspx 工具支持： 1.安装T4模板引擎（例如：tangibleT4） 　　　　　　 　　　　2.检查Visual Studio ...
vue.js开发环境搭建以及脚手架工具安装
Wendy
04-16 7924
1、安装node.js      因为我在此之前，我为了能够在sublime text3中直接输出js的代码，所以已经安装过node.js，这里就不做详细的分析，如果有需要，直接去百度一下就知道如何安装node.js。 2、基于node.js，利用淘宝npm镜像安装相关依赖     我们通过快捷键window+R，输入cmd即可以进入命令行窗口。接着在命令行中输入：npm insta
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值