下载vue模板框架并使用

首先你需要安装上node 和git
在cmd命令中测试是否安装成功
命令： npm -v 获得node版本
命令： git -version 获得git版本

第一步：先在谷歌上找到合适的vue模板复制它的git地址

下载模板
cd 到你想存放模板的路径
在cmd中键入命令 git clone github 地址

第二步：下载成功后
cd到package.json所在的路径

命令：npm install 安装引用包
这一步极易出错，一般情况下多次尝试就可以成功

第三步进行编译项目
命令: npm run build
第四步启动web服务
命令: npm run serve 或者 npm run dev
具体在package.json中看，如下图所示：

启动成功

附带几个常用命令：
npm cache clean --force 清除缓存
npm audit fix 修复漏洞
npm audit fix --force 强制修复

npm uninstall webpack-dev-server 卸载webpack-dev-server

下载vue模板框架并使用相关推荐

ABP框架 .net core 版本的安装与运行（vue模板）
1.首先当然去官网下载.net core vue模板 2.解压后用vscode打开aspnet-core 文件夹(后台项目) 3.Ctrl+~ 打开终端窗口,先biild一下,命令:dotnet bu ...
vue实现下载EXCEL模板、导入EXCEL文件
vue实现下载EXCEL模板.导入EXCEL文件在项目中很常见需要先下载模板,根据模板导入下面展示一些下载模板代码片段. 需要有一个下载模板的接口,点击下载触发函数,调用接口,返回下载地址接口 ...
Element ui+vue前端框架组件主题美化后台管理系统模板html
最新设计了一套Element ui主题模板演示地址:Element ui+vue前端框架组件主题美化后台管理系统模板 Element ui版本号:2.15.12 vue版本号:2.7. ...
vue下载excel模板文件，excel读取
一.下载excel模板文件 <template><a-button type="primary" @click="downloadExcel" ...
vue下载excel模板
一.错误示例 1.请求接口 export const downloadTemplateApi = () => {return request({url: '/file/downloadTempl ...
Vue框架---Vue模板语法（二）
样式绑定 1.class绑定使用方式:v-bind:class="expression" expression的类型:字符串.数组.对象 <div id="ad& ...
2021 年 Angular vs. React vs. Vue 前端框架对比
2021 年 Angular vs. React vs. Vue 前端框架对比一个是 UI 库(React),另一个是成熟的前端框架(Angular),而其中最年轻的(Vue)则可以称之为渐进式框架 ...
Vue.js 框架源码与进阶 - 搭建自己的SSR
文章目录一.Vue SSR 介绍 1.1 Vue SSR 是什么 1.2 使用场景 1.3 如何实现 Vue SSR 二.Vue SSR 基本使用 2.1 渲染一个 Vue 实例 2.2 与服务器集 ...
分布式电商项目十四：Vue前端框架简介及使用
Vue前端框架简介及使用就像是后端我们使用springboot来进行开发一样,前端需要使用Vue框架进行开发.由于前端不是我们的主要内容,所以只介绍简单的使用内容.具体更深的内容请参考Vue的官方网 ...

下载vue模板框架并使用

下载vue模板框架并使用相关推荐

最新文章

热门文章