美文网首页
Vue学习-环境搭建

Vue学习-环境搭建

作者: 6cc89d7ec09f | 来源:发表于2018-04-02 23:40 被阅读13次

0 先按照npm
参考 http://www.runoob.com/nodejs/nodejs-install-setup.html
检测是否按照成功

npm --version

如果npm版本小于3,则需要升级最新版本

1 先绑定taobao镜像npm
镜像地址:http://npm.taobao.org/
执行下面命令

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

2 安装Vue
参考 http://www.runoob.com/vue2/vue-install.html

cnpm install vue

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置,默认回车即可
This will install Vue 2.x version of the template.
....
#进入项目
$ cd my-project
#安装依赖
$ cnpm install
#运行项目
$ cnpm run dev
##访问首页
http://localhost:8080/

3 初始化项目
4 加载到webStorm

在Vue的官网上找安装教程即可

相关文章

  • 前端环境搭建

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

  • vue+ionic

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

  • Vue学习-环境搭建

    0 先按照npm参考 http://www.runoob.com/nodejs/nodejs-install-se...

  • Vue2.0 生产环境部署

    简要:继上次搭建vue环境后,开始着手vue的学习;为此向大家分享从开发环境部署到生产环境(线上)中遇到的问题和解...

  • 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学习:webpack+vue(一)

    初学习vue ——生产环境搭建 之前用angular+webpack搭建了一个前端项目,但是感觉angular有点...

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

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

网友评论

      本文标题:Vue学习-环境搭建

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