webpack打包--创建webpack项目

Vue脚手架+webpack打包

开始学习：

参考文档：Vue CLI使用官网：安装

参考文档生成项目的两种方式：

• 首先安装全局的Cli：npm install -g @vue/cli

• 一个说明：创建新的项目或者打开项目 首先要定位到自己创建的操作目录文件

• 1:通过命令直接生成项目：（适合一个新的需要快速开发的项目）

  • a:打开终端定位到需要存放项目的文件夹：
  • b:通过命令：vue create xxx(项目名称) 生成项目

• 2:通过操作可视化界面生成（可自行配置一些环境）

  • a:在终端通过命令：vue ui 打开可视化界面：
  • b:找到：打开的网页的：Vue项目管理器 --> 创建 --> 选择一个存放项目的文件夹位置 --> 创建新项目

  ------详情：
  下面?几个参数：
  项目文件夹:项目名称
  包管理器 一般选择：npm 
  xxx --> 下一步
  -----预设
  选择一套预设：
  默认： 默认的不做多说
  手动：我们这里尝试选择手动
  
  ---这里我们选择 手动 尝试---
  ----->功能
  Babel:是必选
  TypeScripe:是一种新的支持语言；可以不选（原因是还没有学习）
  Progressive Web App(PWA) Support :不选：（仅使用于正式环境；不适合开发人员环境） 
  Router: 必要
  Vuex  : 可选择
  CSS Pre-processors: 可选
  
  xxx其他暂不选中
  
  ----->配置
  Pick a linter/formatter config:选择：ESLint with error prevention only
   
  -----创建项目
  保存为新预设：可以自行选择（这里我选择：创建项目，不保存预设）
  
  创建完成OK
  
  
  
  

  • 说明：如果需要通过（ 命令：vue ui ） 可视化界面后找到项目；首先要确保项目已经导入到网页的：“Vue项目管理器” 中 …

Vue 小结暂到这里… 后续webpack项目还在开发中；开发完成后再整理笔记~~~~~~ 敬请期待 O(∩_∩)O