vue设计网页（vue制作一个好看的网页）

1.安装并配置node.js (见本人博客-node.js)

2.建好的项目目录如下

build:  用来存放项目构建脚本

config: 存放项目的一些基本配置信息    
    
    
    
，最常用的就是端口转发

node_modules:这个目录存放项目的所有依赖     


     


     


     


 ，由npm install 下载来的文件

src:存放项目的源码




 




 




 




 ，开发者写的代码

static:用来存放静态资源

Index.html:项目的首页
   

   

   

   

，也是整个项目唯一的HTML文件

Package.json:定义了项目所有依赖     

     

     

     

，包括开发时依赖和发布时依赖    
    
    
    
 。

重要的开发者目录:

assets:目录用来存放资源文件

Components:目录用来存放组件（一些可复用 




  




  




  




  ，非独立的页面）

  


  


  


  

，也可以再这里创建完整页面


     


     


     


     。推荐在components存放组件     
     
     
     
，令新建一个文件夹pack存放页面
 




 




 




 




。

Router:存放路由的js文件

App.vue:是一个组件  




   




   




   




  ，也是项目的第一个Vue组件

main.js:相当于java中的main方法


 



 



 



 

，是整个项目的入口js

综上：你的操作会在main.js和src目录

3.获取网页模板（示例）

链接: https://pan.baidu.com/s/1qp94dy5UQLZZjswFXGs5QA 提取码: zwq0

1.下载模板 

2.在文件目录下打开cmd

3. 清除缓存：npm cache clean -f

4.将项目中的node_modules文件夹以及package-lock.json文件删除

5.执行：npm install --registry=https://registry.npm.taobao.org重新拉取依赖

6.执行文件  npm run serve  即可启动模板