vue工程搭建
- 安装nodejs,配置环境变量、全局安装目录配置、日志目录
- 全局安装vue-cli
npm install ‐g vue‐cli
- 创建一个基于 webpack 模板的新项目
vue init webpack vue‐router‐demo
//这是带有router模块的vue工程
- dos窗口进入安装目录(这是我的安装目录)
cd D:\practice\vue-router-demo
- 运行项目
npm run dev
- 访问
http://localhost:8080/ - 跳转页面成功
- 浏览器打开页面检查(本条以下,只为增加对vue工程了解)
- vue工程目录
说明
从步骤8可以看出,vue是单页面工程,页面是空内容再引入app.js文件,浏览器进行拼接html,属于客户端渲染。