码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-06-04 01:20:52      阅读:380      评论:0      收藏:0      [点我收藏+]

标签:窗口   http   cmd   演示   info   highlight   官网   操作   检查   

一、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/)

  技术图片

 

 

    

 

 

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

标签:窗口   http   cmd   演示   info   highlight   官网   操作   检查   

原文地址:https://www.cnblogs.com/xps-03/p/13040842.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!