什么是 bliss-vue-cli
bliss-vue-cli 是一个基于 Vue.js 的前端开发脚手架工具，它集成了许多在 Vue.js 项目中很有用的工具和插件。bliss-vue-cli 可以通过 npm 安装，相比手动配置开发环境，它可以极大地提高开发效率。
安装 bliss-vue-cli
在终端中运行以下命令，安装最新的版本：
npm install -g bliss-vue-cli
创建新的 Vue 项目
在命令行中进入想要创建新项目的文件夹，然后运行以下命令：
bliss-vue init my-project
然后根据提示完成创建过程。
运行新项目
在新项目的根目录中运行以下命令：
npm run dev
这将启动开发服务器，便于实时开发和预览。
构建项目
在项目根目录中运行以下命令，可以将项目构建为生产环境可用的代码。
npm run build
使用插件
bliss-vue-cli 带有很多开发中会用到的插件，只需在项目中安装并配置即可使用。
vue-router
vue-router 是一个 Vue.js 的官方路由插件，它可以让你通过 URL 地址来管理你的应用程序状态。安装方式：
npm install vue-router --save
然后就可以在项目代码中使用 vue-router。
vuex
vuex 是一个 Vue.js 的官方状态管理库，它可以让你在整个应用程序中集中管理状态变化，并提供了一些工具来简化状态管理。安装方式：
npm install vuex --save
然后就可以在项目代码中使用 vuex。
axios
axios 是一个用于浏览器和 Node.js 的 Promise-based HTTP 客户端，它可以提供更好的 API 请求方式。安装方式：
npm install axios --save
然后就可以在项目代码中使用 axios。
示例代码
vue-router
-- -------------------- ---- ------- -- ------- ------ --- ---- ----- ------ --------- ---- ------------ ------ --- ---- ----------- ------------------ ----- ------ - - - ----- ---- ---------- ---- -- - ----- --------- ---------- ----- - - ----- ------ - --- ----------- ------ -- --- ----- ------- ------- - -- ------ -----------------
vuex
-- -------------------- ---- -------
-- --------
------ --- ---- -----
------ ---- ---- ------
-------------
----- ----- - --- ------------
------ -
------ -
--
---------- -
--------- ------- -
-------------
-
--
-------- -
--------- --------- -
---------------------------
-
--
-------- -
------ ----- -- -----------
-
--
------ ------- -----axios
// api.js
import axios from 'axios'
const api = axios.create({
baseURL: 'https://api.example.com'
})
export default api总结
bliss-vue-cli 是一个非常强大的 Vue.js 前端开发工具，它提供了很多有用的工具和插件，可以帮助你更方便地开发和管理 Vue.js 项目。以上是本文对 bliss-vue-cli 的使用教程和插件介绍，希望对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600559d481e8991b448d7574