vue CLI脚手架搭项目

2024-05-24 13:52:04

1.安装 node.js环境

官网下载：https://nodejs.org/en/download/
一直默认就行，路径可以改变但要记得到

安装完成后cmd打开终端，输入node -v ,npm -v

若能看到node和npm的版本号了，则说明已经安装成功

2、官方参考网址：

官方参考网址：https://cli.vuejs.org/zh/

3.安装（如果npm安装不了，就换淘宝境像cnpm）

(1)先全局安装脚手架（ global是全局安装，如果全局安装一成功，就不要global安装了）

npm global add @vue/cli 或者cnpm install @vue/cli -g

vue的版本号是3.0+的，用@vue/cli ,vue版本号是3.0-的用vue-cli
(2)查看是否安装成功

查看vue的版本号
vue -V

(3)创建一个vue项目

vue-app 是一个项目名称
vue create vue-app
注：create是一个仅限vue CLI 3+的命令

根据自己情况选择默认配置还是自定义配置（配置不作详说）

default 是使用默认配置

Manually select features 是自定义配置

配置完成后，等待下载依赖模块

项目创建好后
$ cd vue-app //进入项目根目录
$ yarn serve //运行项目

vue CLI脚手架搭项目相关推荐

Vue CLI脚手架新建项目
Windows PowerShell 版权所有(C) Microsoft Corporation.保留所有权利.安装最新的 PowerShell,了解新功能和改进!https://aka.ms/PSW ...
猿创征文｜【Vue五分钟】 Vue Cli脚手架创建一个项目
目录前言一.创建项目的操作步骤选择路由模式选择CSS预编译器选择如何存放配置自动下载项目所需的包文件二.启动vue项目 1.项目目录 2.启动项目 3.浏览器打开项目首页界面三.项目的 ...
Vue2.x 核心基础（Vue概述，Vue基本使用，@vue/cli脚手架，Element-UI 的基本使用，Vue模板语法）
1. Vue概述尤雨溪:Vue.js的创建者 2014年2月,Vue.js正式发布 2015年10月27日,正式发布1.0.0 2016年4月27日,发布2.0的预览版本 Vue:渐进式JavaSc ...
Vue 全家桶之 vue cli (脚手架)
一.Vue cli 简介 cli --------------------- c : command (命令) l : line ( 行 ) i : interface ( 接口 ) 命令行接口命令 ...
vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
cli vue 卸载_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
如何查看vue版本号以及vue/cli脚手架版本号
查看vue版本号方法一:直接在项目的package.json文件,找到dependencies就能看到了方法二:输入命令npm ls vue (或者npm list vue) 查看vue/cli脚 ...
Vue CLI 脚手架详解：快速构建 Vue.js 项目的利器
目录一.安装和创建项目二.项目结构三.开发和构建四.插件和配置 Vue CLI 是 Vue.js 官方提供的脚手架工具,它可以帮助开发者快速搭建 Vue.js 项目的基础结构,并提供了丰富的功 ...
Windows PowerShell安装指定版本vue/cli脚手架失效解决办法；vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue
mac搭建vue项目看这篇打开shift--鼠标右键,就可以打开Windows PowerShell 1.安装vue/cli npm install -g @vue/cli@3.12.0 @后面是版 ...

最新文章

热门文章