环境配置

使用编译器：

JetBrains webStorm

安装node.js： https://nodejs.org/en/

  1. 我的安装路径为D:\Program Files\nodejs\
  2. 查看版本号 node -v npm -v
  3. 环境变量配置：系统变量里的path新建一个环境变量加入D:\Program Files\nodejs\

npm 安装包比较慢，所以推荐使用cnpm 和 yarn 包管理器，使用cnpm可能里面包更新不及时或者出现一些未知的错误，我一般选用yarn来进行依赖包安装

安装淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

使用命令 cnpm + 功能，与npm相似

全局安装yarn:

npm install -g yarn 
// 查看 yarn 的版本
yarn -v

yarn使用方法介绍：https://yarn.bootcss.com/docs/usage/

yarn的特点：

  1. 速度快:并行下载，缓存下载过的包，当安装包可直接从缓存读取。
  2. 超级安全:在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。
  3. 超级可靠:使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。

全局安装Vue3.x脚手架:

npm install -g @vue/cli 
vue -V // 查看vue版本，注意大写的V

Webpack是一个模块化打包工具，专注于构建模块化项目，在Webpack眼里一切文件都是模块，通过Loader转换翻译文件，通过Plugin注入钩子，最后输出由多个模块组合成的文件。之所以一切文件皆模
块，如：JavaScript、CSS、SCSS以及图片等资源，在Webpack眼中都是模块，因为这样可以更好的理清描述各个模块之间的依赖关系，方便Webpack对模块进行打包组合，输出浏览器使用的静态资源。

构建一个初始化项目

  1. win + r 输入cmd,cd 进入要安装的文件
  2. 安装命令：
vue create [项目名]
  1. 选择相应的模块进入vue项目的初始化

    第一个为vue2.0版本，第二个为vue.3.0的版本，选择其中的任何一个项目都会自动进行默认配置
    第三个为自定义选项，可自由配置项目的一些特性，按住空格键进行选择，我创建项目选择如下，如果是要使用TypeScript进行开发的，可勾选

    vue 版本的选择，这里选择的是vue3.x Preview

    我的预设选择如下，项目中如果用不到sass，可选择less

    启动项目
cd [项目名]
yarn serve

项目配置文件

在项目下新建vue.config.js
该文件文档介绍地址：https://cli.vuejs.org/zh/config/

vue3.0学习文档地址

vue3.0: https://www.vue3js.cn/docs/zh/
element-plus优秀的PC端UI设计库: https://element-plus.org/#/zh-CN/component/installation
Vant Weapp手机移动端和微信小程序: https://youzan.github.io/vant-weapp/#/intro

我的电脑环境版本

yarn的配置文件 yarn怎么配置环境变量_Webpack