vue-cli版本在3以上

全局安装vue-cli

npm install -g @vue/cli

vue3.x版本安装vue-cli建项目

 卸载:

npm uninstall -g @vue/cli 或 yarn global remove @vue/cli

 

建立项目工程,假设项目建在e:\vueProject\vue-cli3.0+目录下:

先进入此目录:

cd e:\vueProject\vue-cli3.0+ 回车

e: 回车

vue3.x版本安装vue-cli建项目

建立项目工程:

第一种方法:

vue create vueproject01

vue3.x版本安装vue-cli建项目

可以选择第一个(默认创建的工程),这里选择下面第二个Manually select features

vue3.x版本安装vue-cli建项目

键盘上下箭头选择,按空格键选中,需要安装的组件

vue3.x版本安装vue-cli建项目

Ctrl+C取消安装

 

装好后,启动项目
cd vueproject01// 进入到项目根目录

npm run serve// 启动项目

vue3.x版本安装vue-cli建项目

 

 

第二种方法(ui界面):

自己手动创建项目,直接命令行输入vue ui,回车

vue3.x版本安装vue-cli建项目

浏览器输入运行出的网址(例如:http://localhost:8000

开始创建项目:

vue3.x版本安装vue-cli建项目

 

 

 

点击创建

vue3.x版本安装vue-cli建项目

 

 

vue3.x版本安装vue-cli建项目

 

 

vue3.x版本安装vue-cli建项目

 

vue3.x版本安装vue-cli建项目

 

 

vue3.x版本安装vue-cli建项目

 

 

 

 vue3.x版本安装vue-cli建项目

 

 

运行项目,跟控制台npm run serve效果一样的

vue3.x版本安装vue-cli建项目

具体教程参考:https://www.imooc.com/video/18559

 

相关文章:

  • 2021-10-25
  • 2022-12-23
  • 2021-06-14
  • 2022-01-12
  • 2022-12-23
  • 2021-08-31
  • 2021-04-01
  • 2022-01-24
猜你喜欢
  • 2022-12-23
  • 2021-08-29
  • 2021-04-25
  • 2022-12-23
  • 2021-05-17
  • 2021-10-09
相关资源
相似解决方案