vue环境搭建

一 、npm 的安装

        由于node新版本都集成了npm ,所以直接安装node就行 nodejs下载地址,我使用的是 v6.6.0版本。

        下载好后,可以在docs下用命令node -v ,npm -v查看是否安装成功:

vue环境搭建_第1张图片

            由于npm 下载依赖文件比较慢,通常需要用淘宝镜像cnpm 

            命令如下:   npm install -g cnpm --registry=https://registry.nmp.taobao.org

vue环境搭建_第2张图片



二、 安装vue 官方推荐的脚手架

        安装vue-cli 

        命令: cnpm install -g vue-cli



三、构建简单的vue项目

1 用 命令 :vue init webpack 项目名称构建项目

vue环境搭建_第3张图片

安装的依赖比较多,需要稍等一会儿

如果项目比较简单可以使用 命令:vue init webpack-simple 项目名称

2  安装项目依赖

进入项目:cd 项目名称 ; npm install

3 运行项目

 npm run dev

如图:


vue环境搭建_第4张图片






以上是vue的基本环境搭建!

你可能感兴趣的:(vue环境搭建)