html如何找寻vue文件,如何预览vue文件

每天写个页面，都要配置脚手架，能不能像以前开发前端页面一样，写一个index.html,然后编写js，css，就可以在浏览器上运行了呢？可是我又不想舍弃vue，那么能不能全局搭建一个脚手架，供我来使用呢？

下面就开始自己撸代码。

首先我想要像node运行js文件一样，直接

pv run index.vue

读取文件内容写入到APP.vue,添加到默认脚手架中，展示UI

program.command('run')

.description('run a project')

.action(async (name,router) => {

// console.log(typeof router);

if(typeof router === 'object'){

sigleVue(name)

}

})

那么重点就是实现sigleVue.js

const filePath = path.join(process.env.PWD, name)

const templateDir = path.join(__dirname, '../template')

const templatePath = path.join(templateDir, 'src/App.vue')

try {

//热更新

const content =

import Test from '${filePath}'

export default {

components:{

Test

}

await fs.writeFileSync(templatePath, content)

//执行npm run dev 命令

cd(templateDir)

if (exec('npm run dev').code !== 0) {

exit(1);

}

} catch (error) {

console.error(error)

}

这样，我就可以像预览js文件一样预览vue文件了。

//代码放桌面

node ～/desktop/pv-cli/bin/index run index.vue

是不是很简单。

ps:.vue文件下需要vue的npm包依赖

代码地址：

html如何找寻vue文件,如何预览vue文件相关推荐

微信小程序云开发实现上传文件和预览下载文件
微信小程序云开发实现上传文件和预览下载文件一.前言目前微信提供了一个接口 wx.chooseMessageFile 它能让用户从聊天记录里面选择一个或者多个文件,然后返回它的一些信息,列入文件的p ...
vue项目中预览pdf文件
一.利用浏览器自带的预览pdf // [pdfUrl] 获取pdf地址 eg:http://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pl ...
vue实现在线预览office文件
最近在做电子档案,后端提供了文件的华为云的oss链接.已经实现了点击下载文件的功能.但是呢,他们又希望常规的文件,可以直接点击预览,不需要下载. 按道理说,做文件的在线预览,买个第三方服务什么的,后端 ...
php+预览和下载pdf文件,vue实现在线预览pdf文件和下载（pdf.js）
最近做项目遇到在线预览和下载pdf文件,试了多种pdf插件,例如jquery.media.js(ie无法直接浏览) 最后选择了pdf.js插件(兼容ie10及以上.谷歌.安卓,苹果) 强烈推荐改插件, ...
vue-pdf vue中导入文件并预览
暂时是导入后根据文件流预览之后上传后台哪url地址应该就是<pdf :src="url" 创建参考 https://www.cnblogs.com/mizuki- ...
PDF、Word、Excel文件前端预览实操干货都在这！
随着Odoo在各个行业领域的深入应用,对Odoo的前端交互体验要求也越来越高. 我们在项目开发中常常会遇到,需要上传文件并预览的问题. 这里是我遇到的需求,并完成的一个小demo. 在Odoo中实现文 ...
浏览器预览PDF文件(接口返回的是文件流形式)
最终结果可以直接看文章末尾,前面都是日记一样的内容啊哈哈,是自己解决问题的坎坷的过程...[手动滑稽害怕脸]...... 今天解决了一个看起来很小但是却困扰了我近乎一天的问题需求描述: 通过下载文件 ...
文件预览：使用xlsx预览excel文件
文件预览系列: mavon-editor预览Markdown文件 xlsx预览excel文件注意事项: 多sheet页的情况需要自己手动处理一.安装插件:xlsx // 我目前使用的是0.17.5 ...
fis3+vue+pdf.js制作预览PDF文件或其他
人生第一篇博客,的确有点紧张,但有些许兴奋,因为这对于我来说应该是一个好的开始,以此励志在技术的道路上越走越远. 看过了多多少少的技术博客,给自己带来了很多技术上的收获,也因此在想什么时候自己也可以赠 ...

html如何找寻vue文件,如何预览vue文件

html如何找寻vue文件,如何预览vue文件相关推荐

最新文章

热门文章