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小白呢,有错误的地方,也欢迎指正,谢谢!

     

          

  • 相关阅读:
    C# 重载运算符
    微信网站设置右上角发送、分享的内容——.net版本
    sql server使用中遇到的问题记录
    数据表格,查询、导出共用一个form表单,实现文件流方式下载
    .net开发过程中遇到的错误,及解决办法记录
    python获取随机验证码或者下发激活码
    BeautifulSoup随笔
    python:collections模块
    wait
    python:沙盒(virtualenv)
  • 原文地址:https://www.cnblogs.com/crystral/p/9061839.html
Copyright © 2011-2022 走看看