vue环境搭建
2018-01-12 本文已影响0人
noddle
一 、npm 的安装
由于node新版本都集成了npm ,所以直接安装node就行 nodejs下载地址,我使用的是 v6.6.0版本。
下载好后,可以在docs下用命令node -v ,npm -v查看是否安装成功:
![](https://img.haomeiwen.com/i2826854/e4e3fabae8d2f389.png)
由于npm 下载依赖文件比较慢,通常需要用淘宝镜像cnpm
命令如下: npm install -g cnpm --registry=https://registry.nmp.taobao.org
![](https://img.haomeiwen.com/i2826854/b73e59313bec9f6d.png)
二、 安装vue 官方推荐的脚手架
安装vue-cli
命令: cnpm install -g vue-cli
三、构建简单的vue项目
1 用 命令 :vue init webpack 项目名称构建项目
![](https://img.haomeiwen.com/i2826854/25de3c4cf2f5908a.png)
安装的依赖比较多,需要稍等一会儿
如果项目比较简单可以使用 命令:vue init webpack-simple 项目名称
2 安装项目依赖
进入项目:cd 项目名称 ; npm install
3 运行项目
npm run dev
如图:
![](https://img.haomeiwen.com/i2826854/10f04c24ee0fd091.png)
以上是vue的基本环境搭建!