zoukankan      html  css  js  c++  java
  • Windows系统下Vue开发环境搭建详解版

    ❤记在前面

    之前学js也踩过很多坑,第一次用博客记录这些过程,一方面自己以后能够回顾,另一方面也希望能帮助跟我自己一样遇到同样问题的朋友

    ps:不会的就去搜,去问,千万不要觉着遇到难点了,暂时走不下去了,就放弃!!!大家一起学习进步~~~

    在慕课网上跟着这个视频学习搭建的:https://www.imooc.com/video/12299

    一、首先是windows系统,需要安装node.js和git

           1.node.js:https://nodejs.org/zh-cn/    下载哪一个都可以(本人下载的第一个)

        2.git:https://git-scm.com/downloads      Windows版本     这个不用自己再配置环境变量,一直点next安装完成即可

        3.检查自己的node安装是否正确

          开始->cmd->node -v       版本号要大于6

         

    二、安装镜像cnpm(国内npm太慢)(由于我的安装过了,所以下面的我就只输入命令演示了)

          还是在cmd中,键入:npm install -g cnpm –registry=https://registry.npm.taobao.org 回车

          

        

     三、安装vue.cli脚手架

          依旧是在cmd中输入: cnpm install -g vue-cli 回车     安装需要稍等一会

          

         等到让你输入东西的时候,验证是否安装完成:cmd中输入:vue

         

    四、创建一个项目(一定要记得创建一个文件夹,记好存放位置)我第一次安装的时候没有创建,所以又重新安装了一次

           

        记得创建的文件路径中不要有中文!!!我的路径是J->YJS->web->vue->test

         cmd中进入此文件夹:

       

        创建项目: vue init webpack my-vue-project 回车

        

        

        第一个项目名称(直接回车)    第二个项目描述(随便写)    第三个作者    第四个直接回车   

        之后的都是根据问题回答yes or no,如果嫌麻烦可以直接enter一路就可以了

        vue-router 路由插件        ESLint 代码检查工具        unit test 单元测试        nightwatch 测试框架   (都可以选择no)

        做完这一步,可以去test文件夹下看,会出现my-vue-project

       

    五、下载依赖

       在cmd中打开my-vue-project   (Mac下用ls查看文件夹-------Windows下用dir)

        

       下载各种包的依赖

       

       让项目跑起来

            

       可下载sublime text查看node里面npm里的package.json里有dev(这一步可不用做,没影响)

      

       成功之后出现

       

        打开浏览器,输入网址localhost:8080

    以上,完成,有不懂的地方大家可以一起交流,我也是一个vue小白呢,有错误的地方,也欢迎指正,谢谢!

     

          

  • 相关阅读:
    每日总结2021.9.14
    jar包下载mvn
    每日总结EL表达语言 JSTL标签
    每日学习总结之数据中台概述
    Server Tomcat v9.0 Server at localhost failed to start
    Server Tomcat v9.0 Server at localhost failed to start(2)
    链表 java
    MVC 中用JS跳转窗体Window.Location.href
    Oracle 关键字
    MVC 配置路由 反复走控制其中的action (int?)
  • 原文地址:https://www.cnblogs.com/crystral/p/9061839.html
Copyright © 2011-2022 走看看