美文网首页
vue2 环境搭建

vue2 环境搭建

作者: qingqing轶事 | 来源:发表于2017-05-11 12:25 被阅读0次

注:虽然在网上搜索会有很多去介绍关于如何搭建vue环境,如何能够快速上手vue等等文章,但是自己也动动手吧,因为说实话脑子转的比较慢~,同时锻炼下自己语言编写能力

1.官网下载node.js
2.安装node.js以后,win+r打开cmd,下载npm包管理工具【也可以安装cnpm(淘宝镜像命令工具)】:

注:一般新版node集成了npm,可以通过npm-v来检测npm是否已经安装好,或查看版本号。如果没有安装成功或没有安装,可以通过npm install npm -g命令行安装npm

3.全局安装vue-cli脚手架:npm install -g vue-cli
4.创建一个基于webpack模板的新项目:vue init webpack my-first-vue-project
5.切换到你当前项目的目录下(my-first-vue-project),安装依赖:npm install
6.运行: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/dolotxtx.html