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重新拉取依赖文章来源:https://www.toymoban.com/news/detail-447335.html
6.执行文件 npm run serve 即可启动模板文章来源地址https://www.toymoban.com/news/detail-447335.html
到了这里,关于vue制作一个好看的网页的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!