美文网首页
日更-Vue环境搭建导航

日更-Vue环境搭建导航

作者: 日安的小世界 | 来源:发表于2019-01-31 13:52 被阅读0次

写这篇的目的:

1、今天太闲了;

2、为了参加日更挑战;

3、为了获得简述钻;

接下来,就开始了,oh yeah~~~


第一步 安装node.js

路子在这里:http://nodejs.cn/download/

选择第一个,biu~开始下载

第二步 查看是否安装成功

#node -v  //查看版本号

#npm -v  //查看版本号

第二步 安装vue-cli脚手架工具

#npm install -g vue-cli //安装

#vue -V //执行命令,查看版本号,测试是否安装成功


第三步 创建Vue项目

【在计算机创建一个工程目录例如:d:\vuedemo\】

#cd d:\vuedemo\  //进入工程目录

#vue init webpack demo  //初始化项目名

#Project description  // 项目名描述

#Author //作者邮箱

#Use ESLinttolint your code? // 是否需要ESlist语法检查

#Setup unit testswithKarma + Mocha? //是否需要单元测试

#Setup e2e testswithNightwatch? //Yes是否需要e2e

咋还有乱码呢

第四步 安装npm依赖

#cd 项目目录    //进入你的项目目录

#npm install  //安装依赖

#npm install vue-router vue-resource --save  //安装路由模块网络请求模块

#npm install element-ui --save  //安装elementui

#npm install axios //安装axios


第五步 启动项目

#npm run dev //运行项目

相关文章

  • 日更-Vue环境搭建导航

    写这篇的目的: 1、今天太闲了; 2、为了参加日更挑战; 3、为了获得简述钻; 接下来,就开始了,oh yeah~...

  • 前端环境搭建

    前端开发环境的搭建 vue环境搭建(node,vue-cli,vue) https://www.jianshu.c...

  • 学习HM微博项目第1天

    步骤:搭建基本环境 -> 展示子控制器 -> 项目分层 -> 增加导航功能 -> 增加导航栏按钮。 搭建基本环境...

  • 1.搭建vue环境

    2017年8月2日,按照手把手教你搭建vue环境这个教程(真的是手把手)搭建了vue环境…… 恭喜,你已经成功安装...

  • vue+ionic

    vue的环境搭建: npm install -g @vue/cli (若已搭建跳过)vue create i...

  • Vue之ToDoList实战

    之前的文章windows下搭建vue开发环境,我们已经搭建好了vue的环境,并且写了Vue系列之WebPack与E...

  • vue-vscode开发环境搭建

    vue-vscode环境搭建

  • Mac上搭建vue环境

    // 转发自:vue开发环境搭建Mac版 vue开发环境的搭建由于本人使用的是mac,所以环境是windows的下...

  • vue-cli单页面应用

    vue-cli是vue搭建环境脚手架,只需要几个命令就可以搭建开发环境。 vue-cli脚手架搭建 1.安装nod...

  • Vue开发环境搭建与创建项目

    Vue开发环境的搭建,直接看大神写的教程吧:Vue环境搭建[https://blog.csdn.net/wu__d...

网友评论

      本文标题:日更-Vue环境搭建导航

      本文链接:https://www.haomeiwen.com/subject/etmksqtx.html