1.安装nodejs

从官网下载长期支持版本，本文采用的是node-v18.16.0-x64.msi版本，在win10上测试。
设置镜像源为国内某网。

npm config set registry https://registry.npmmirror.com #设置镜像
npm config get registry #查看镜像

1.1.新建项目

新建空白项目目录，shell定位到该目录，输入如下命令，初始化包管理配置文件 package.json：

npm init -y

1.2.安装jQuery。

npm install jquery -S

1.3.查看全局模块安装目录

npm root -g

2.安装Vue

2.1.安装

输入npm install vue -g 开始安装vue

npm install vue -g
npm install --save-dev vue-loader
npm install --save-dev vue-template-compiler

输入npm i @vue/cli -g 开始安装Vue-cli脚手架

npm i @vue/cli -g

2.2.创建vue项目

使用如下命令创建vue项目，选择vue3。

vue create first

输入cd first，再输入npm run serve，即可成功运行vue项目。

3.安装webpack

webpack分成四个部分，期中最核心的就是入口和出口，当然在入口和出口配置的同时我们还需要一些加载器和插件，这就是我们所谓的webpack配置文件。这个配置文件我们习惯把其命名为webpack.config.js ，还有webpackfile.js ，

npm install webpack -g
npm install --save-dev css-loader
npm install --save-dev style-loader
npm install --save-dev less-loader less
npm install --save-dev file-loader
npm install --save-dev babel #ES6转ES5的babel。

4.安装 Grunt

对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化 Grunt 工具可以减轻你的劳动，简化你的工作。

5.安装uglify-js > js代码压缩打包工具。

3.1.全局安装命令

npm install uglify-js -g

3.2.使用方法
命令行

uglifyjs ./jquery.keyboard.js -m -c -o ./jquery.keyboard.min.js

参数解释

命令	作用	说明
-o	输出	输出文件路径
-c	压缩	启用压缩 / 指定压缩配置: pure_funcs 传一个函数名的列表， 当这些函数返回值没被利用时，该函数会被安全移除。
-m	混淆	启用混淆 / 指定混淆配置: reserved 不被混淆的名字列表。
-b	是否美化输出	string/boolean / 指定输出配置：

6.因为在此系统上禁止运行脚本……解决办法

5.1.管理员身份运行PowerShell。
5.2.执行：set-ExecutionPolicy RemoteSigned （签名或运行这些脚本）