new_gaoxiong 是一个 npm 包，它是由一个前端开发者 gaoxiong 开发的。它可以帮助前端开发者快速构建一个标准的项目结构，省去繁琐的配置过程。同时，它内置了常用的工具类和组件，可以加快开发效率。
下面，我们来了解一下如何使用 new_gaoxiong。
安装
首先，我们需要在本地环境中安装 new_gaoxiong。打开终端，运行下面的命令：
npm install -g new_gaoxiong
我们使用 npm 进行全局安装，这样可以确保我们在任何地方都可以使用 new_gaoxiong。
创建新项目
接下来，我们可以使用 new_gaoxiong 命令来创建新项目。在终端中输入以下命令：
new_gaoxiong create myapp
其中，myapp 为项目名称。执行上面的命令后，new_gaoxiong 将会在当前目录下创建一个名为 myapp 的新项目。
项目结构
new_gaoxiong 创建的项目结构如下：
-- -------------------- ---- ------- --- ------------ --- ------ - --- ---------- - --- ----------- --- --- - --- -------- - --- ------- --- --------------- --- --------- --- -----------------
其中：
package.json是项目的配置文件，里面包含了项目的依赖等信息。public文件夹中包含了一些静态文件，比如index.html和favicon.ico。src文件夹中包含了项目的源代码，其中index.js是入口文件，App.vue是主组件。babel.config.js是项目的 babel 配置文件。webpack.config.js是项目的 webpack 配置文件。
运行项目
在项目根目录下，输入以下命令来启动项目：
npm run serve
这个命令会自动编译项目，并在浏览器中打开一个新的窗口，运行项目。
安装组件库
new_gaoxiong 内置了部分组件和工具类，可以在项目中直接使用。如果需要更多的组件和工具类，可以使用 npm 安装。
比如，我们可以使用 element-ui 组件库，可以通过以下命令来安装：
npm install element-ui
安装完成后，在 main.js 中引入 element-ui 并注册：
-- -------------------- ---- ------- ------ --- ---- ----- ------ --- ---- ----------- -- -- ---------- ------ --------- ---- ------------ ------ -------------------------------------- ------------------ ------------------------ - ----- --- ----- ------- - -- ------- -----------------
这样，我们就可以在项目中使用 el-button 等 element-ui 提供的组件。
结语
new_gaoxiong 提供了一个快速构建 vue 项目的方法，让我们可以更专注于业务开发，而不必浪费时间在繁琐的配置和构建上。同时，通过学习 new_gaoxiong 的代码，我们也可以对 vue 项目的构建和配置有更深入的理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600554b481e8991b448d1eb8