Vue框架初步搭建

前言

目前的流行前端框架Angular、Vue、React，下文我们将学习如何初步搭建Vue框架

搭建

1. 安装node.js
2. 通过npm命令安装Vue，使用淘宝的cnpm镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org
3. 安装vue-cli脚手架，使用命令:cnpm install --global vue-cli
4. 在本地磁盘创建一个文件夹，用于存放Vue项目，然后cd到该目录下
5. 使用命令：vue init webpack 项目名创建Vue项目==(注意项目名不能是大写)==
6. 提示确认项目名，点击回车即可
7. 会问你这是一个Vue项目吗，直接回车即可
8. 输入作者，一般会自动补全，回车即可
9. 下一个问题直接回车
10. 提示是否安装路由，输入y安装
11. 是否使用ESLint检测你的代码，输入n
12. 是否安装测试，我这里就选择n
13. 是否需要安装自动化测试，我输入n
14. 下一个问题选择使用npm进行安装
15. cd到项目所在文件夹，安装所需的依赖，使用cnpm install
16. 启动项目cnpm run dev
17. 浏览器访问http://localhost:8080/#/，出现以下页面代表创建成功了
    

结束语

本人大二学生一枚，学识尚浅，不喜勿喷，希望今日能抛砖引玉，请各位大佬一定不吝赐教！！！