Vue安装教程

开发工具

推荐使用 VS Code 当然WebStorm也可以
https://code.visualstudio.com/

命令行工具

cmder
https://cmder.net/

git管理工具

https://www.sourcetreeapp.com/

一.安装node.js

https://nodejs.org/zh-cn/

二.切换npm镜像

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

三.vue-cli脚手架

cnpm install --global vue-cli
vue init webpack my-project

四.启动vue

切换到安装好的对于目录 执行下面命令启动vue

npm run serve

PS：具体操作步骤及脚手架新建项目时的操作详情参考下面文档中的npm安装方式
https://www.runoob.com/vue2/vue-install.html

五.vue基础语法学习视频推荐

https://www.bilibili.com/video/BV15741177Eh?from=search&seid=13181258168409976714

六.项目演示代码

https://github.com/yizhengwei/vue-demo.git

1.git clone代码到本地 或者直接下载zip包

git clone https://github.com/yizhengwei/vue-demo.git

2.npm install编译

切换到对应目录

image.png

3.npm run serve

image.png

4.启动

http://localhost:8080/#/demo