vue3+element plus创建vue-cli脚手架工程

首先，需要下载node.js！！下载地址：Node.js (nodejs.org)

创建vue-cli脚手架工程

1.如果之前安装过vue2的版本，首先卸载vue2,用管理员权限打开cmd窗口，输入:

npm uninstall vue-cli -g

2.安装新版vue-cli脚手架：

npm install -g @vue/cli

3.安装完成之后查看当前脚手架版本：

vue -V

4.完成上述步骤之后开始构建项目,命令行输入vue create "项目名称"：

vue create vue-element-plus

回车之后进入如下界面：

这里可以看个人需要选择（嫌麻烦直接选择vue 3），我这里选择Manually select features(自由配置)，下面是我个人的配置：

Linter/Formatter插件会检查你的代码变量定义后是否使用（如果没有使用有时会报错）

之后会安装项目（首次创建工程可能会有额外的配置选项），安装完成如下：

依次输入在安装结束之后命令行弹出的两条蓝色语句，则启动服务：

启动完成后会返回一个端口，通过在网页的网址栏输入端口进入项目：

或者找到该项目所在的文件夹，直接导入到编译软件中（vscode、HbuilderX等），即可对该项目进行开发。

vue3+element plus创建vue-cli脚手架工程相关推荐

猿创征文｜【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版本号方法一:直接在项目的package.json文件,找到dependencies就能看到了方法二:输入命令npm ls vue (或者npm list vue) 查看vue/cli脚 ...
创建一个 dva 脚手架工程
2019独角兽企业重金招聘Python工程师标准>>> 1.2 dva 安装使用 dva-cli 命令行工具安装 dva.(本文假设已掌握 npm 基础知识) 安装 dva-cli ...
初步创建vue/cli工程教程
首先第一步创建vuecli工程,创建vuecli工程需要用nodejs+npm下载环境就行,这个工程非常的庞大,教程走一波! ·····先去vue官网找到下载vue/cli的命令-----官网地址:v ...
前端框架vue04~~vue.cli脚手架的基本使用
文章目录 [1. Vue-CLI脚手架](https://cli.vuejs.org/zh/guide/) [2. 安装](https://cli.vuejs.org/zh/guide/install ...
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 @后面是版 ...
1. Vue CLI脚手架
1.1 介绍 Vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板,是Vue官方提供的标准化开发工 ...
Vue学习（十一）Vue CLI脚手架
文章目录初始化脚手架说明步骤 Vue 脚手架创建项目文件说明 render函数脚手架中不同版本的Vue 脚手架启动注意 vue.config.js配置文件初始化脚手架说明 Vue脚手架是V ...

vue3+element plus创建vue-cli脚手架工程

vue3+element plus创建vue-cli脚手架工程相关推荐

最新文章

热门文章