Vue+iVew 环境搭建

最近刚接了一个Vue+iVew+Webpack的项目，下午刚开完会，下班之前想把环境先搭起来，于是有了这么一系列操作。

什么是iView？

iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。

iView组件库很丰富，UI精致，而且是vue好伙伴，使用上来说，可以很大程度上提高开发效率。

阿里巴巴、腾讯、京东、滴滴都在用。

环境搭建

安装环境

操作系统：mac os

软件版本：Vue2 iVew2

1.安装node.js

无论是使用Vue还是Webpack，都需要安装node.js，在安装node同时npm也会跟着一同安装。

首先，从Node.js官网下载对应平台的安装程序，mac os直接安装即可。

安装好后，测试一下。

//测试node

$ node -v

//测试npm

$ npm -v

如果你有node但没有npm，可以接着往下看，有的请直接看下一部分。

 

npm安装起来时间会很久（第一次安装的时候在84%卡住了...），我们可以使用淘宝镜像将npm转为cnmp下载。

$ sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

接着键入管理员密码就可以成功下载了。

 

不加sudo的话可能会报如下错误：

Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

“原因: 执行命令行命令时没有获得管理员权限”

2.安装Webpack

使用 cnpm 安装 webpack：

$ sudo cnpm install webpack -g

3.安装iVew

$ npm install iview --save

4.安装依赖

进入到Vue项目的路径下：

$ cd 项目名

安装依赖： 

$ npm install

这个命令相当于初始化，它会把你项目所有依赖的有下载下来。然后运行$ npm start或者cnpm start（npm与cnpm命令是一样的，把npm换成cnpm执行就ok）

 

 

或者你可以直接start，但是可能因为缺少某个模块而报错。

module.js:549

    throw err;

    ^

 

Error: Cannot find module 'chalk'

    at Function.Module._resolveFilename (module.js:547:15)

    at Function.Module._load (module.js:474:25)

    at Module.require (module.js:596:17)

    at require (internal/module.js:11:18)

如果出现这种情况，缺什么就install什么。

$ npm install chalk

安装后再试下start。

......

> Starting dev server...

 

 

 DONE  Compiled successfully in 41248ms                                 20:54:52

 

> Listening at http://localhost:8080