发布时间:2023-05-11 文章分类:WEB开发, 电脑百科 投稿人:王小丽 字号: 默认 | | 超大 打印

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

2.建好的项目目录如下

 vue制作一个好看的网页

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  即可启动模板