创建vue项目,以及引入ivew(基于node)
准备:
1.检查电脑是否安装node:win+R --> cmd --> node -v
---看是否会显示出当前node的版本;如果未安装,请移步https://nodejs.org/en/
2.安装好node后检查同上npm : npm -v
注:如果不希望node安装的依赖在c盘(会占一定的空间),可以修改相关配置,请移步
由于国内访问网速较慢,推荐淘宝镜像:
如果有代理,可以通过npm config list 查看是否设置代理,若未设置可执行
npm config set proxy "http://ip:port"设置代理
--2020.09.03更新
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即可
感觉有用点个赞吧