vue工程搭建

vue工程搭建

1. 安装nodejs，配置环境变量、全局安装目录配置、日志目录
2. 全局安装vue-cli

npm install ‐g vue‐cli

3. 创建一个基于 webpack 模板的新项目

vue init webpack vue‐router‐demo
//这是带有router模块的vue工程

4. dos窗口进入安装目录（这是我的安装目录）

cd D:\practice\vue-router-demo

5. 运行项目

npm run dev

6. 访问
   http://localhost:8080/
7. 跳转页面成功
   
8. 浏览器打开页面检查(本条以下，只为增加对vue工程了解)
   
9. vue工程目录
   
10. 
    说明
    从步骤8可以看出，vue是单页面工程，页面是空内容再引入app.js文件，浏览器进行拼接html，属于客户端渲染。