vue.js开发环境搭建教程
2017-05-04 11:44
561 查看
vue.js开发环境搭建教程分享,具体内容如下
1、安装node.js,忽略
2、基于node.js,利用淘宝npm镜像安装相关依赖
在cmd里直接输入:npm install -g cnpm –-registry=https://registry.npm.taobao.org,回车,等待安装...
3、安装全局vue,用于帮助搭建所需的模板框架
在cmd里,
1).输入:cnpm install -g vue-cli,回车,等待安装...
2).输入:vue -V,回车,若出现vue信息说明表示成功
4、创建vue项目
在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git'下的项,可按下图操作
5.安装依赖
在cmd里,
1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹
2).输入:cnpm install,回车,等待一小会儿
回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)
基于vue-cli创建的默认项目结构如下图所示:
6.测试环境是否搭建成功
方法1:在cmd里输入:cnpm run dev
方法2:在浏览里输入:localhost:8080(默认端口为8080)
运行起来后的效果如下图所示:
至此,vue.js开发环境搭建完毕。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 个人搭建ASP网站,从头开始完全教程(一)
- 物理引擎Havok教程(一)搭建开发环境
- SVN1.6.3 教程 搭建服务器及myeclipse客户端使用
- 一步一步手把手教你搭建网站(实例教程系列)
- Wince 6.0 教程---第一课 环境搭建
- Linux操作系统下搭建VNC远程控制软件详尽教程
- 使用DynamipsGUI+SecureCRT搭建思科实验室简易教程
- CentOS 5 全功能WWW服务器搭建全教程 V3.0
- JSP运行环境的搭建和JDBC数据库连接初级教程- -
- Windows下新手搭建Apache+php+mysql教程
- ASP.NET 之 MVC框架及搭建教程(推荐)
- RHEL 5.X WWW 全功能服务器搭建教程
- Linux下搭建Apache+PHP+MySQL+Zend+GD库无废话教程
- Linux服务器教程之路1--Linux服务器的相关搭建
- [教程] 搭建最简单的gui界面框架(the 'hello world' in GUI of Torque)
- Winson.Framework 2.0 搭建FLASH视频教程!
- Linux操作系统下搭建VNC远程控制软件详尽教程
- Google App Engine搭建Twitter API Proxy 运行环境教程
- JSP搭建SSH框架mvc视频教程+源码下载[it560首发]