创建vue项目以及引入ivew/element-ui（基于node）

创建vue项目，以及引入ivew（基于node）

准备：

1.检查电脑是否安装node:win+R  -->  cmd  --> node -v

---看是否会显示出当前node的版本；如果未安装，请移步https://nodejs.org/en/

2.安装好node后检查同上npm : npm -v

注：如果不希望node安装的依赖在c盘(会占一定的空间)，可以修改相关配置，请移步

由于国内访问网速较慢，推荐淘宝镜像：

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

使用cnpm代替npm

3.安装vue脚手架(vue-cli)

cnpm install --global vue-cli   //全局安装

一．利用脚手架构建vue项目

vue init webpack projectname

现在已经创建好了一个vue项目

如果需要启动：cd projectname

使用：cnpm/npm run dev即可进行局域网访问

二．引入前端ui组件

前端ui组件可以选择Element UI和iview,前者使用比较多，网上说开发团队更为强大，更为稳固；二者风格有差异，我个人偏向于喜欢前者；不过这里以iView为例子，毕竟iView也很强大，团队也不差！

如果难以选择请参考

http://www.bslxx.com/a/vue/2017/1105/1401.html

切到我们的vue 目录下: cd projectname

                       cnpm install –-save iview

安装成功后打开vue项目里package.json文件可以看到

 

在main.js文件引入

全局引用

即可在vue组件的template里使用iview前端ui控件了  

 

注：Element UI 添加方法一样，只需要将iview 改为element-ui即可

 

感觉有用点个赞吧