美文网首页前端
Vue环境的搭建

Vue环境的搭建

作者: 走错说爱你 | 来源:发表于2017-04-19 19:59 被阅读0次

刚开始接触vue.js,感觉还没入门就被一脚踹了出来。

以下是安装环境时踩过的坑的总结:

  1. 首先需要最新的node环境,看有的大牛的博客说只要node版本高于4.0就没问题。
    如何检查node版本:在命令行窗口输入
    node -v
    如何更新node:
    npm -g update
  2. 全局安装vue
    npm install vue -g
  3. 全局安装vue的脚手架vue-cli
    npm install -g vue-cli
  4. 本地用webpack模板创建项目, ** 注意:my-project为项目名称,且项目名称不能有大写字母**
    vue init webpack my-project
  5. 跳转到项目根目录,也就是my-project里面
    cd my-project
  6. 安装依赖模块node modules
    npm install
    也可以使用cnpm
    cnpm install
  7. 如果以上操作都没有问题,执行以下语句
    npm run dev
    浏览器会自动打开,显示vue的欢迎界面。

  • 如果显示node_modules missing,则是第六步安装错误。
  • 如果还是有bug,检查一下8080端口有没有被占用,如果被占用,可以在config文件夹里的index.js更改端口。
  • 我自己当时死活安装报错是因为文件路径不对,一定要看清什么时候在哪儿操作!!!

相关文章

  • 前端环境搭建

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

  • vue+ionic

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

  • Vue之ToDoList实战

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

  • Mac上搭建vue环境

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

  • vue-vscode开发环境搭建

    vue-vscode环境搭建

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

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

  • Vue(7)

    一、环境搭建 下面我们需要为后面要做的Vue项目搭建开发环境。 1、基本的运行环境 该项目使用node& vue在...

  • 2019-06-15

    Node.js、Vue.js 运行环境搭建记录 参考链接:Vue.js 运行环境搭建详解(基于windows的手把...

  • vue-cli单页面应用

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

  • Express+Vue+MongoDB

    环境搭建 首先要安装vue-cli和express-generator 使用手脚架搭建vue环境和express环...

网友评论

    本文标题:Vue环境的搭建

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