Vue脚手架3.0快速搭建项目

安装前的准备工作

node -v or npm -v //检测node是否安装过
cnpm -v //检测cnpm是否安装  更改国内淘宝镜像，速度更快一写
npm install cnpm -g --registry=https://registry.npm.taobao.org //安装cnpm操作

开始安装

## vue现在最新版本是4的版本，我们这次装vue3的版本，重要的不是版本还是逻辑
## npm安装分为全局安装和局部安装 ，-g来进行区分
vue -V   ### 检测脚手架是否存在，不存在则直接进行安装cnpm install -g vue-cli  ## 全局安装vue2的版本
cnpm install -g @vue/cli@3.0.1 ## 全局安装vue3.0.1的版本### 局部安装 现在本地创建个文件夹，比如叫做vue3cnpm install @vue/cli@3.0.1 ## 局部安装vue3.0.1的版本
然后配置环境变量即可，可以把文件名改一下，比如改成vue3

创建项目

### 创建项目
vue3 create mypro ## 创建项目
vue create mypro  ## 全局安装的
cd mypro
npm run serve ### 启动项目
localhost:8080 浏览器访问

Vue脚手架3.0快速搭建项目相关推荐

【转】Vue.js 2.0 快速上手精华梳理
Vue.js 2.0 快速上手精华梳理 Sandy 发掘代码技巧:公众号:daimajiqiao 自从Vue2.0发布后,Vue就成了前端领域的热门话题,github也突破了三万的star,那么对于新 ...
vue面试H5适配快速搭建
vue面试H5适配快速搭建一.环境的搭建 nodejs 环境搭建 nodejs下载检查版本 node -v npm -v 切换淘宝镜像cnpm npm install cnpm -g --regi ...
JavaEE企业级快速开发平台jeesite4的使用和快速搭建项目
场景 JeeSIte是一个JavaEE企业级快速开发平台,基于经典技术组合(SpringBoot.Apache Shiro .MyBatis.Beetl.Bootstrap)在线代码生成工具,支持Sp ...
【入门】React 17 + Vite + ECharts 实现疫情数据可视化「02 快速搭建项目」
往期文章目录: [入门]React 17 + Vite + ECharts 实现疫情数据可视化「01 项目介绍篇」文章目录快速搭建项目介绍 Vite Vite 特点搭建第一个 Vite 项目 ...
vue-cli脚手架快速搭建项目指南
vue-cli脚手架 1.学习本章前请先下载node.js 链接: https://pan.baidu.com/s/1_FLpv-uPGrsakjGd4S-KQQ?pwd=kt9e 提取码:kt9e ...
Vue.js 3.0快速入门（附电影购票APP开发实战源码）
前言文档笔记来源:kuangshenstudy,清华大学出版社,结合视频资源食用更佳,相关资源源码在文末,有需要自取. 一.概述 Vue是什么? Vue.js是基于JavaScript的一套MVVC ...
vue-cli3+cubeUI快速搭建项目
想开发一个web项目,选择vue.js框架,如何使用vue-cli3帮我们快速的搭建项目,选择合适的参数配置呢? vue-cli3脚手架可以快速的帮我们完成搭建,此外,也需要考虑选择一个合适的UI库, ...
nodejs快速搭建项目
创建一个node文件夹,下载安装nodejs,傻瓜式操作打开命令行检查node版本 node -v 快速搭建前端项目框架全局下载vue vue-cli (npm install vue vue-c ...
vue脚手架使用pages快速构建一个多页应用
vue中使用pages快捷搭建一个多页应用在项目中经常遇到一些类似的页面,这就需要封装成组件达到复用效果,但然而对于项目复杂度过高或者页面模块之间差异或者页面用户角色以及所属环境不一样,就可以选择构 ...

Vue脚手架3.0快速搭建项目

Vue脚手架3.0快速搭建项目相关推荐

最新文章

热门文章