开始玩Vue

1. 安装nodejs

参考教程：https://www.runoob.com/nodejs/nodejs-install-setup.html

2. 安装npm

参考教程：https://www.runoob.com/nodejs/nodejs-npm.html

3. Vue的安装以及创建第一个项目：

参考教程：https://www.runoob.com/vue2/vue-install.html

4. 安装easyUI for Vue:

注意，easyUI应该安装在你的项目下进行安装，否则会有下面的错误信息：

D:\MyDev\vue\test01>npm install vx-easyui --save
npm WARN saveError ENOENT: no such file or directory, open 'D:\MyDev\vue\test01\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'D:\MyDev\vue\test01\package.json'
npm WARN test01 No description
npm WARN test01 No repository field.
npm WARN test01 No README data
npm WARN test01 No license field.

+ [email protected]
added 1 package from 1 contributor, removed 1 package and audited 2 packages in 5.198s
found 0 vulnerabilities

正常的提示应该是酱紫的，前面都是勾勾：

D:\MyDev\vue\test01>cd my-project

D:\MyDev\vue\test01\my-project>cnpm install vx-easyui --save
√ Installed 1 packages
√ Linked 0 latest versions
√ Run 0 scripts
Recently updated (since 2020-05-13): 1 packages (detail see file D:\MyDev\vue\test01\my-project\node_modules\.recently_updates.txt)
√ All packages installed (1 packages installed from npm registry, used 2s(network 2s), speed 243.66kB/s, json 1(3.66kB), tarball 447.85kB)

5. 发布到Tomcat：

参考教程：https://blog.csdn.net/ytangdigl/article/details/78977687

在你的项目文件夹运行如下命令：

D:\MyDev\vue\test01\my-project>npm run build

> [email protected] build D:\MyDev\vue\test01\my-project
> node build/build.js

Hash: 83c40412cb1bbeb248a8
Version: webpack 3.12.0
Time: 14935ms
                                                  Asset       Size  Chunks             Chunk Names
               static/js/vendor.b3165cbad88a3daffd2d.js     122 kB       0  [emitted]  vendor
                  static/js/app.b22ce679862c47a75225.js    11.6 kB       1  [emitted]  app
             static/js/manifest.2ae2e69a05c33dfc65f8.js  857 bytes       2  [emitted]  manifest
    static/css/app.30790115300ab27614ce176899523b62.css  432 bytes       1  [emitted]  app
static/css/app.30790115300ab27614ce176899523b62.css.map  797 bytes          [emitted]
           static/js/vendor.b3165cbad88a3daffd2d.js.map     614 kB       0  [emitted]  vendor
              static/js/app.b22ce679862c47a75225.js.map    22.2 kB       1  [emitted]  app
         static/js/manifest.2ae2e69a05c33dfc65f8.js.map    4.97 kB       2  [emitted]  manifest
                                             index.html  507 bytes          [emitted]

  Build complete.

  Tip: built files are meant to be served over an HTTP server.
  Opening index.html over file:// won't work.

这里有一个问题，如果利用默认的配置，发布生成的index.htm引用css和js是用的根目录，

为了解决这个问题，根据以下教程：

https://www.jianshu.com/p/f40de68f1f83

修改 config/index.js下的 build里面的assetsPublicPath属性，从'/'改成'./' 即可