如何執行乙個vue檔案進行預覽

如何預覽乙個.vue檔案進行預覽呢？

每天寫個頁面，都要配置腳手架，能不能像以前開發前端頁面一樣，寫乙個index.html,然後編寫js，css，就可以在瀏覽器上執行了呢？可是我又不想捨棄vue，那麼能不能全域性搭建乙個腳手架，供我來使用呢？

今天翻閱文件，發現了官方文件給出了乙個方案

安裝

npm install -g @vue/cli @vue/cli-service-global

# or
yarn global add @vue/cli @vue/cli-service-global

vue serve mycomponent.vue

看了下實現思路

1、自己編寫了vue工程的模版

2、內建了一套預設的vue的配置

3、使用node執行命令

下面就開始自己擼**，寫了乙個簡版的：

首先我想要像node執行js檔案一樣，直接

pv run index.vue

program.command('run')

.description('run a project')
.action(async (name,router) => 
})

const filepath = path.join(process.env.pwd, name)

const templatedir = path.join(__dirname, '../template')
try 
} catch (error) 

//**放桌面

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

ps:.vue檔案下需要vue的npm包依賴

如何執行乙個Vue專案

一開始很多剛入手vue.js的人，會扒github上的開源專案，但是發現不知如何執行github上的開源專案，很尷尬。通過查閱網上教程，成功搭建好專案環境，同時對前段工程化有了朦朦朧朧的認知，因此將環境搭建過程分享給大家。首先，列出來我們需要的東西 node.js環境 npm包管理器 vue cli...

如何執行乙個Vue專案

一開始很多剛入手vue.js的人，會扒github上的開源專案，但是發現不知如何執行github上的開源專案，很尷尬。通過查閱網上教程，成功搭建好專案環境，同時對前段工程化有了朦朦朧朧的認知，因此將環境搭建過程分享給大家。首先，列出來我們需要的東西 node.js環境 npm包管理器 vue cli...

如何執行乙個Vue專案

一開始很多剛入手vue.js的人，會扒github上的開源專案，但是發現不知如何執行github上的開源專案，很尷尬。通過查閱網上教程，成功搭建好專案環境，同時對前段工程化有了朦朦朧朧的認知，因此將環境搭建過程分享給大家。首先，列出來我們需要的東西 node.js環境 npm包管理器 vue cli...