npm 包 slush-ninja-webpack-vue 使用教程

阅读时长 3 分钟读完

介绍

slush-ninja-webpack-vue 是一个基于 slush 和 webpack 的 Vue 项目脚手架,可以轻松搭建 Vue 项目开发环境,节省开发人员的时间和精力。

安装

安装 slush-ninja-webpack-vue,需要先安装 Node.js 和 slush。在命令行中输入以下命令:

使用

创建项目

在命令行中进入自己要创建项目的文件夹,然后输入以下命令:

文件结构

创建完成后,项目文件结构如下:

-- -------------------- ---- -------
----
--- --------
--- -------------
--- ------------
--- ----------
--- ------
-   --- --------
-   --- ------------------
-   --- --------------------
-   --- -------------------
-   --- --------------------
--- -------
-   --- ----------
-   --- --------
-   --- -----------
-   --- -----------
--- -----
--- -------------
--- ----
-   --- -------
-   --- -------
-   --- -----------
-   --- -------
-   --- -------
-       --- --------
--- -------
--- -------------
--- ----------
--- ------------
--- ---------

开发

安装依赖

在项目文件夹中,输入以下命令:

运行

安装完成后,输入以下命令启动服务:

打包

输入以下命令进行打包:

更改配置

如果需要更改配置,可以在 config 目录下的文件中更改。

示例代码

更改 src/components/HelloWorld.vue 中的代码,将页面标题和页面内容更改为 "Hello, slush-ninja-webpack-vue!"。

-- -------------------- ---- -------
----------
  ---- --------------
    ---------- -----------------------------
    ---
      -- --- --
    ----
  ------
-----------

--------
------ ------- -
  ----- -------------
  ---- -- -
    ------ -
      ---- -------- -- ---- ------ ----
    -
  -
-
---------

------ -------
--- - -
  ------ --------
-
--------

保存后重新运行项目,即可看到页面标题和页面内容已经更改为 "Hello, slush-ninja-webpack-vue!"。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600562c781e8991b448e0081

纠错
反馈