西安医疗网站制作,网站半年了 没有流量,如何把网站放在主机上,it网站设计vue.js:前端主流框架#xff08;对某一方面技术完整的封装#xff0c;是一套完善的解决方案#xff09;
vue-cli搭建项目#xff08;官方提供脚手架#xff09;
vue脚手架#xff1a;是一套项目搭建的快捷方式#xff0c;可以将项目中的依赖集成进来#xff0c;生成统…vue.js:前端主流框架对某一方面技术完整的封装是一套完善的解决方案
vue-cli搭建项目官方提供脚手架
vue脚手架是一套项目搭建的快捷方式可以将项目中的依赖集成进来生成统一的项目结构方便测试、打包。
使用前提
①需要在前端安装node环境 js语言解释器。
②npmnode.js包管理工具 Node.js的安装
下载 | Node.js
官网下载并安装因为这里所搭建的vue2版本所以对node的版本和npm版本要求不能太高node 是v13.14.0npm是v6.14.4。 这里不勾选。 点击Install立即安装 安装完成。
打开 cmd测试查看node和npm版本安装成功 vue-cli的搭建 新建项目在普通项目中找到vue2.6.10的版本 稍等片刻即可。 创建成功 一个完整的vue项目目录 打开控制台 输 入npm run serve. 注意需要在当前目录路径下打开。
如果失败点击运行继续点npm run serve 出现如下图所示即表示运行成功可通过链接地址即可访问当前项目 在命令行中通过CTRLc停止服务。
组件路由
vue router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成让构建单页面应用变得易如反掌。
打开命令行进入项目目录输入npm i vue-routere3.5.3
