一:vue-cli构建第一个Vue程序

   1:npm uninstall vue-cli -g (卸载Vue老版本如:Vue2...)

  2:npm i -g @vue/cli (安装Vue3)

  3:vue -V (查看Vue版本)

  4:vue create ...(创建Vue项目<...表示项目名称>)

  

  图方便直接默认选择Vue3,这里我选择手动配置

  

  5:选择版本

   

   6:选择是否使用类样式的声明语法

  

  7:使用Babel与TypeScript一起用于自动检测的填充?

  

   8:其他的配置文件是放在package.json中呢还是单独放到独立的配置文件中?

  

  9:是否把本次的配置作为一个模板存起来,方便下一次创建项目

  

   10:创建成功后cd:... 进入项目

  

   11:启动项目 vue serve,复制链接浏览器查看

      

 

二:使用图形化创建项目

  1:vue ui(文件目录cmd进入终端输入)

  

   2:创建项目

  

  

  

  创建成功后

  

 

三:使用vite创建项目

  1:npm init vite-app vue_vite -y

  

 

 

   2:cd:vue_vite(跳转到项目目录下)npm i

  

  3:npm run dev(启动项目)

  

 

  

posted on 2022-10-17 13:41  最帅爸爸  阅读(97)  评论(0)    收藏  举报