vue.js环境搭建

  1.下载node.js

    网址:https://nodejs.org/en/

       版本:v10.16.3

      

 

 

 

  2.安装node.js

    Node.js下载如下所示:

      

 

 

       

     检查nodejs是否安装成功:

      先cmd(命令提示符)运行“node–v”查看是否已经有Node.js版本,如果有请先卸载再安装

      

 

 

 

  3.npm安装

    安装淘宝镜像

      输入命令:npm install -g cnpm  –registry=https://registry.npm.taobao.org

      

  4.vue-cli安装

    命令:cpnm install -g vue-cli

 

 

 

 

 

   5.检测是否安装成功

    

 

 

   6.创建项目

    创建一个文件夹,如myvue,用cmd进入到该文件夹下(cd F:\myvue)

    命令:vue init webpack test(test是项目名字)

    

 

 

    

 

   现在我们进入刚刚创建的文件夹下,会发现多了一个test的文件夹。

   进入test文件夹 cd test

  

 

 

 

 

     7.启动项目

 

      命令:cnpm run dev

    

 

 

   打开网址: http://localhost:8080
   出现以下页面就算完成了

  

 

 

 

 

     

 

 

 

 

 

    

版权声明:本文为lengxuanwl原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/lengxuanwl/p/11504776.html