vue-cli脚手架搭建Vue.js项目

前提条件:

一、node.js 下载 https://nodejs.org/zh-cn/download/ 

二、webpack 安装 npm install webpack -g   PS:-g 就是全局安装

三、全局安装vue-cli  npm install --global vue-cli

四、安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org

满足以上四个条件,现在我们就可以用脚手架公交搭建vue.js 项目了

1、vue init webpack vue(文件夹名称);

2、cd vue(文件夹名称)

3、cnpm install  /  如果没安装淘宝镜像的使用  npm install

4、npm run dev

如出现下图,说明脚手架工具搭建成功!

 

 

 这个时候在你的浏览器打开 localhost:8080,如下图所示:

 

posted on 2017-12-08 15:58  程序猿-alvin  阅读(129)  评论(0编辑  收藏  举报

导航