前言

目前的流行前端框架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/#/,出现以下页面代表创建成功了
    Vue框架初步搭建

结束语

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

相关文章: