快速入门Web阅读器开发——3生成字体图标、离线安装webpack

一、icomoon生成字体图标

1.https://icomoon.io/    外网不稳定

2.操作流程

1. 下载SVG (阿里字体、百度下载)
2. 上传SVG
   1. 点击进入
   2. 
   3. 新建图标集合
   4. 
   5. 修改图标集合的名称
   6. 
   7. 
   8. 上传SVG图标
   9. 
   10. 选中图标、生成字体图标
   11. 
   12. 修改字体图标类名
   13. 
   14. 下载字体图标
   15. 
3. 引入字体
   1. 需要文件
      1. 不同格式字体图标
      2. 
      3. 引入字体图标的css文件
      4. 
      5. 复制项目中，注意修改css字体引入路径

二、node.js和vue常用命令

1. // 查看node版本
   node -v

    

2. 查看npm的版本
   npm -v

    

3. 查看vue的版本
   vue -V
   
   安装vue
   cnpm install -g vue-cli
   npm install -g vue-cli

   // vue初始化
   vue init

    

三、使用 --offline 离线模式搭建脚手架

1. 下载脚手架的模板  github链接
2. 解压文件获得一个名为 webpack-develop的文件夹
3. 修改文件夹为webpack，待定
4. 离线安装webpack

   1. 离线安装webpack
      
      vue init webpack --offline

       

   2. 

   3. 参考网址https://blog.csdn.net/JQ_AK47/article/details/52510999

   4. // window下创建.开头的文件夹
      mkdir .gitignore(你要创建的文件夹名称)

       

   5. 把上面的webpack文件夹复制到 .vue-templates\ 下面
   6. 

   7. 再次离线安装webpack
      vue init webpack --offline

      安装过程省略.....

   8. // 运行项目
      npm run dev

       

四、通过IP地址访问站点

1.  打开vueReader(项目目录)\config\index.js
2. 修改host

3. // '0.0.0.0'表示通过本地一切ip地址都可以访问到项目
   host: '0.0.0.0'

   

4. 

五、下载依赖包

1. // 对scss的支持
   
   npm/cnpm install node-sass sass-loader --save-dev

    

2. // 下载阅读引擎
   // --save会把文件下载到dependencies下，dependencies是运行时依赖
   npm/cnpm install epubjs --save