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

猜你喜欢

转载自blog.csdn.net/milkign/article/details/81710327