当前位置: 首页 > Web前端 > vue.js

从头开始搭建一个vue项目

时间:2023-03-31 17:44:32 vue.js

前提条件:确保你在node环境下。cnpm或npm已安装。第1步:打开一个空文件夹。在命令窗口输入命令:cnpminstall--gvue-cli第二步:继续输入命令:vueinitwebpackmyproject运行到这一步你会发现已经有项目文件夹了:当命令窗口显示信息,则表示安装成功:第三步:使用vscode打开文件夹。运行项目:在页面上打开http://localhost:8080即可运行成功。接下来介绍一下vue项目目录:assets中存放的静态文件,会被webpack处理。一般会放一些图片等静态资源,但是静态不会受webpack的影响,调用也是通过绝对路径来调用的,通常用来存放一些第三方静态资源库。路由配置:在src文件夹下新建pages文件夹。它用于存储页面。在页面文件夹下创建一个新的主文件夹。如图引入新页面,路由跳转可以通过this.$router.push('/Home')