vue环境搭建

一 、npm 的安装

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

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

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

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



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

        安装vue-cli 

        命令: cnpm install -g vue-cli



三、构建简单的vue项目

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

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

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

2  安装项目依赖

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

3 运行项目

 npm run dev

如图:







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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容