vue脚手架(3.0)版本的安装和使用


一、vue(3.0)版本的安装

1.先要安装node.js(在这里就不演示怎么安装nodejs,前面的博客有教程)

  官网:https://nodejs.org/zh-cn/download/ 

2、nodejs安装后:

  a.如果之前安装过vue的2.0版本,你需要把2.0相关的删除

npm uni -g vue-cli或者cnpm uni -g vue-cli

  b.如果没有安装或vue的2.0版本的话,直接在全局的命令窗口,输入  

cnpm i -g @vue/cli

  c.检查版本号

vue -V

  

  执行上面的指令,那么vue的3.0版本就安装好了。

二、vue的3.0版本的使用

  1、新建一个文件夹(在这里,我是在D盘上新建的一个文件夹)

  

 

   2、打开cmd(命令窗口)

   

 

   

 

   3、在命令窗口输入指令

vue create 项目名称

  4、安装步骤:

    第一步:(在这里我选择手动安装)

    

 

     第二步:(根据自己所需,来下载所需的东西,使用空格键来操作)

    

 

     第三步:

    

 

     第四步:(使用上下键来操作)

    

 

     第五步:

    

 

     第六步:

    

 

     第七步:(这样就安装成功了一个项目)

       

 

     第八步:(进入这个项目:cd vue_06)

    

 

     第九步:项目启动(npm run serve)

    

 

   5、效果:(在浏览器上输入:http://localhost:8080/)

  

 

 

    

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM