使用vue 3.x 新建vue项目

1、查看版本号

1.1、查看vue版本号

命令:

vue -V

在这里插入图片描述

1.2、卸载2.x版本,安装3.x

  • 先卸载

使用vue 3.x 新建vue项目_第1张图片

  • 再安装
    使用vue 3.x 新建vue项目_第2张图片
  • 再查看版本号

2、Vue cli创建项目

2.1、在工作空间在创建项目,并初始化项目

使用vue 3.x 新建vue项目_第3张图片使用vue 3.x 新建vue项目_第4张图片

2.2、切换到刚创建的目录

使用vue 3.x 新建vue项目_第5张图片

2.3、运行vue cli项目

命令:

npm run dev

使用vue 3.x 新建vue项目_第6张图片

2.4、访问项目

使用vue 3.x 新建vue项目_第7张图片

3、使用webstorm工具创建vue cli项目

命令:

vue init webpack 项目名

使用vue 3.x 新建vue项目_第8张图片

进入项目项目下
运行

npm run dev

使用vue 3.x 新建vue项目_第9张图片

结束!!!!!


 无知者是最不自由的,因为他要面对的是一个完全黑暗的世界 。——黑格尔

你可能感兴趣的:(vue,vue.js,javascript,前端)