vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

作者:神秘网友 发布时间:2020-09-21 06:44:13

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

Vue2.x项目的创建

我这里使用的是 @vue/cli 4.1.2 版本

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

打开 CMD 终端输入 vue --version

CMD 终端中输入 npm install -g @vue/cli 全局安装 vue/cli

npm install -g @vue/cli

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

至此vue2.x项目就搭建完成,接下来按照提示启动项目即可

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

目录结构如下图所示

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

打开 package.json 查看 dependencies,里面是安装的依赖

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

如果需要 ElementUI 或额外的依赖,直接在根目录下执行 npm i element-ui -s 命令,安装完成之后,package.json 中 dependencies 字段下有 element-ui ,则说明安装成功

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

安装完成

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

vscode 下打开终端的快捷方式 CTRL + ~,会直接定位到当前目录


Vue3.xBate版项目的创建

vue3.xBate官方中文文档在今天正式推出

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

据文档介绍,创建 vue3.xBate 项目需要 vue-cli 4.5 版本

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

所以我现在得先升级一下 vue-cli 的版本(前面说了,我现在用的还是vue-cli 4.1.2

在终端中执行 npm update -g @vue/cli 来升级 vue/cli 的版本

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

升级完成之后执行 vue --version 查看此时 vue/cli 版本

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

此时 vue/cli 版本已升级完成,可以创建 vue3.x Bate 版本项目了

vue/cli 升级到 4.5 之后仍然使用 vue create xxx 创建 vue 项目,但变成了如下选项

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

这里选择第二个创建 vue3.x 项目

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

等了好久之后,项目终于创建完成

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

按照提示进入项目并启动

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

目录结构如下

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

打开 package.json 可以查看安装的依赖

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目

QQ群:1063233592

个人网站:前端靓仔

vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目相关教程

  1. vue-cli4脚手架搭建实战教程
  2. haproxy+keepalived搭建WEB群集
  3. 携程apollo从服务端安装,再到客户端的使用,第一次搭建,看我就
  4. CentOS上cmake环境搭建
  5. 实验五ASP+MSSQL的web搭建
  6. FTP服务器的搭建
  7. 实验四搭建动态论坛(ASP+ACCESS)
  8. CentOS7搭建禅道