可视化创建（手脚架）

1.win+R打开cmd命令行
2.输入vue ui 打开手脚架

vue ui

3.打开项目管理器,选择创建

4.选择项目创建位置

下面选项如果需要向下兼容的话需要勾选,具体看项目需求

下图:检查是否有语法错误,有一点错误就会报错,建议不选

命令行创建

1.打开需要储存的位置,打开命令行工具,或打开命令行跳转到需要存储的位置
输入创建项目命令输入后回车运行

vue create 项目名

上下箭头键选择:创建项目类型

此处选择的手动,小伙伴们也可以直接选择默认选项;
可对照可视化英文(根据自己项目进行配置,空格键为选中或取消)选好后,按回车进行下一步

(1. babel
(2. TypeScript
(3. Progressive Web App (PWA) Support  支持渐进式网页应用程序
(4. Router 路由管理器
(5. Vuex 状态管理模式（构建一个中大型单页应用时）
(6. CSS Pre-processors css预处理
(7. Linter / Formatter 代码风格、格式校验
(8. Unit Testing 单元测试
(9. E2E Testing E2E（End To End）即端对端测试

根据需求选择,此处选择vue3.0即3.x

安装中:

耐心等待一下下
完成后可以按照蓝色命令运行一下项目
第一行蓝色命令为先切换到项目目录下
第二行蓝色命令为运行项目

以上为个人学习总结,如有误欢迎指正,谢谢~

vue3.0项目创建相关推荐

从零开始搭建一个管理系统-vue3.0项目创建-----1
从零开始搭建一个管理系统-vue3.0项目创建-----1 讲在前面 webpack构建项目代码编辑器依赖修改码云代码地址讲在前面假设你已了解关于 HTML.CSS. JavaScript ...
创建VUE项目，vue-cli2.0版本和3.0版本的区别，将vue2.0项目升级为vue3.0项目
创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目使用vue-cli2.0版本创建vue项目创建前的准备开始创建创建过程项目正常创建使用v ...
【Vue】Docker + Nginx 部署 Vue3.0 项目
Docker + Nginx 部署 Vue3.0 项目 1.用指令 npm run build 打包vue.js项目(该项目是在WebStorm里面新建的Vue空项目). 打包成功后,会生成一个目录d ...
TypeScript及TypeScript在vue3.0项目中的基本使用
一. TypeScript是什么 TypeScript 是一种由微软开发的自由开源的编程语言,主要提供了类型系统和对 ES6的支持.它是JavaScript的一个超集,扩展了JavaScript的语 ...
认识vue3.0项目的目录结构
上一篇笔记新建一个vue3.0项目新建项目后,用vscode打开,会看到项目目录,如下图来看看我们新建的项目里有哪些内容 node_modules npm 加载的项目依赖模块 public 用于 ...
vue3.0项目实战 - ElementUI框架版
系列文章目录第一章论vue3.0和vue2.0区别之编程方式及例子详解第二章同一台电脑实现 vue-cli2和vue-cli3同时并存及常见命令第三章 vue3.0项目实战 - Ele ...
vscode构建Vue3.0项目(vite,vue-cli)
构建Vue3.0项目构建Vue3.0项目 1.使用Vite构建vue项目的方法以及步骤 1. 安装vite 2. 运行vite + vue 项目 3.说明 2.使用vue-cli构建vue项目的方法 ...
vite 搭建 Vue3.0项目
vite 搭建 Vue3.0项目 vue3.0+TS+AntDesignVue项目 vite 初始化vite项目配置项目配置typescript 配置Vue Router 配置Vuex 配置Ant ...
手把手教你vue3.0项目搭建
前言:最近公司想重构一个项目,CTO选择了vue3.0 + ant-design-vue技术栈,正好自己也想尝试一下,试着搭建一下,以后有更好的会及时补充修改注:粗体是命令指令,推荐使用cnpm指令 ...

vue3.0项目创建

vue3.0项目创建

可视化创建（手脚架）

命令行创建

vue3.0项目创建相关推荐

最新文章

热门文章