Vue.js下载与安装
windows系统
特点
Vue.js:是一套构建用户界面的渐进式框架
Vue:只关注视图层,采用自底向上增量开发的设计
Vue:目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件
Vue.js的下载与安装
1)下载安装Node.js
前面已介绍过
2)npm安装
- 打开cmd,进行安装,此处选择淘宝NMP镜像下载安装
首先:退到C盘
![图片[1]-Vue.js下载与安装-西城知道](https://028.sevenit.cn/images/2019/07/1564136424-Vue.js下载与安装273.png)
然后:进入nodejs文件
![]()
![图片[3]-Vue.js下载与安装-西城知道](https://028.sevenit.cn/images/2019/07/1564136426-Vue.js下载与安装295.png)
输入:npm install -g cnpm –registry=https://registry.npm.taobao.org
![]()
- 对安装成功的Node.js和npm进行版本号查询
![图片[5]-Vue.js下载与安装-西城知道](https://028.sevenit.cn/images/2019/07/1564136428-Vue.js下载与安装393.png)
3)安装webpack
![图片[6]-Vue.js下载与安装-西城知道](https://028.sevenit.cn/images/2019/07/1564136430-Vue.js下载与安装408.png)
4)安装vue
![图片[7]-Vue.js下载与安装-西城知道](https://028.sevenit.cn/images/2019/07/1564136432-Vue.js下载与安装419.png)
5)安装 vue-cli
![图片[8]-Vue.js下载与安装-西城知道](https://028.sevenit.cn/images/2019/07/1564136434-Vue.js下载与安装435.png)
- 初始化项目
1)进入vue文件夹
![图片[9]-Vue.js下载与安装-西城知道](https://028.sevenit.cn/images/2019/07/1564136436-Vue.js下载与安装459.png)
2)初始化项目
其中:myfirst_vue为你项目文件夹的名称
![图片[10]-Vue.js下载与安装-西城知道](https://028.sevenit.cn/images/2019/07/1564136437-Vue.js下载与安装495.png)
进入到myfirst_vue文件夹中,运行cnpm install命令
![图片[11]-Vue.js下载与安装-西城知道](https://028.sevenit.cn/images/2019/07/1564136439-Vue.js下载与安装535.png)
测试项目是否安装成功
![图片[12]-Vue.js下载与安装-西城知道](https://028.sevenit.cn/images/2019/07/1564136454-Vue.js下载与安装548.png)
![图片[13]-Vue.js下载与安装-西城知道](https://028.sevenit.cn/images/2019/07/1564136440-Vue.js下载与安装551.png)
官方介绍:https://cn.vuejs.org/v2/guide/
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END











暂无评论内容