Vue.js开发环境搭建(Win)

1、安装node.js(http://nodejs.cn/download/) 下载最新版本

2、基于node.js,利用淘宝npm镜像安装相关依赖在cmd里直接输入:
npm install-g cnpm --registry=https://registry.npm.taobao.org

3、安装webpack,输入:cnpm install webpack-g

4、安装vue脚手架cli,输入:npm install vue-cli-g

Vue.js开发环境搭建(Win)_第1张图片

5、在win中如何在文件夹中打开 cmd 路径,按住shift右击文件夹,在此处打开命令窗口

6、创建VUE项目,在cmd中输入:

vue init webpack vue_test

 (项目文件夹名),依次出现‘git’下的项,可按下图操作

Vue.js开发环境搭建(Win)_第2张图片

7、安装依赖,在cmd里
1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹
2).输入:cnpm install,回车,等待一小会儿
回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)

Vue.js开发环境搭建(Win)_第3张图片

8、测试环境是否搭建成功
方法1:在cmd里输入:cnpm run dev
方法2:在浏览里输入:localhost:8080(默认端口为8080)
运行起来后的效果如下图所示:


参照原文:http://www.cnblogs.com/ganmy/p/6029774.html

你可能感兴趣的:(Vue.js开发环境搭建(Win))