美文网首页
VUE2——环境搭建

VUE2——环境搭建

作者: momomin | 来源:发表于2017-01-14 16:22 被阅读0次

一、环境构成(win 10)

npm + webpack + vue

npm:包管理器

webpack:打包工具

vue:轻量级的前端框架(version 2.x,版本1和版本2之间存在较大差异)

二、安装nodejs

目的:nodejs集成了npm

url:https://nodejs.org/dist/v7.4.0/node-v7.4.0-x64.msi

直接下载安装,注意环境变量配置

三、开始使用

全局安装vue-cli:

    # npm install --global vue-cli

创建一个基于webpack模板的项目 my-project 是项目名称

    #  vue init webpack my-project

    #  cd my-project

安装依赖:

    # npm install

运行项目,监听8080端口:

    # npm run dev

相关文章

  • vue2 环境搭建

    注:虽然在网上搜索会有很多去介绍关于如何搭建vue环境,如何能够快速上手vue等等文章,但是自己也动动手吧,因为说...

  • VUE2——环境搭建

    一、环境构成(win 10) npm + webpack + vue npm:包管理器 webpack:打包工具 ...

  • webpack搭建vue2环境

    webpack与vue2环境搭建 安装vue相关的依赖npm i vue-loader@15 vue-templa...

  • vue2(1)环境配置搭建

    最近项目刚刚结束,想把之前的vue捡起来温习温习,顺便学习下vue2,想搞一搞是如何搭建环境的,毕竟项目还是要运行...

  • 在Vue2搭建Cesium环境

    1、可以用vue ui命令创建项目2、安装插件 3、使用vue invoke 来初始化这个插件 然后会有三项配置 ...

  • vue2 win10 环境搭建

    首先安装node.js与npm 官网上下载包,我这里下载的zip文件。解压后,添加相应的环境变量就ok。http:...

  • 手摸手教你在Nexus上传npm包并使用

    Nexus3 Vue2 Vue-cli3 Nexus搭建npm仓库[https://www.jianshu.com...

  • React Native学习总结篇

    一、环境搭建 1.1 React Native环境搭建 1.1.1 IOS环境搭建 环境:MacOS 注意:不要使...

  • linux 第四天

    Lamp环境搭建 /*******************Lamp环境搭建:*******************...

  • codePush说明

    codePush环境搭建 环境搭建文章:环境搭建 git地址:codePush git地址2.0.3,And...

网友评论

      本文标题:VUE2——环境搭建

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