码迷,mamicode.com
首页 > 其他好文 > 详细

vue开发环境

时间:2017-02-09 10:57:09      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:download   项目目录   pack   org   镜像   环境   vue   依赖包   str   

一、安装node.js

Vue项目通常通过webpack工具来构建,而webpack命令的执行是依赖node.js的环境的,所以首先要安装node.js。node.js的官方地址为:https://nodejs.org/en/download/,下载相应版本。

二、安装cnpm

cnpm是淘宝对npm的镜像服务器,这样依赖的包安装起来就快多了。安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.or

三、安装脚手架vue-cli

装命令为:cnpm install -g vue-cli。输入vue检查是否安装成功。

四、创建新项目(比如在d盘下创建my-vue)

 1、D:回车,然后cd my-vue进入目录

 2、//使用vue-cli初始化项目

  vue init webpack my-vue

 3、//进入项目目录

  cd my-vue

 4、安装依赖包

  npm install

 5、运行项目(高版本浏览器自动打开,或者浏览器输入localhost:8080)

  npm run dev

vue开发环境

标签:download   项目目录   pack   org   镜像   环境   vue   依赖包   str   

原文地址:http://www.cnblogs.com/xj198197/p/6380855.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!