1、下载安装node.js
点击该网址https://nodejs.org/en/download/ ,选择合适的版本,我用的最新版node-v12.16.0-x64.msi,点击下一步下一步安装即可,也可选择安装到自己其它的硬盘,默认c盘。
2、查看node.js版本
在命令行输入node -v 回车,将回显nodeJs已安装的版本号(v12.16.0)。
3、查看npm版本
新版nodeJs集成了npm,在命令行输入npm -v,将回显npm安装的版本号(6.13.4).
4、webpack构建vue项目
新建一个项目目录,cd /d 定位进去,然后输入npm init。会提示你填写一些项目的信息,一直回车默认就好了,或者直接执行npm init -y 直接跳过,这样就在项目目录下生成了一个package.json文件。
生成package.json.
5、安装webpack,高版本webpack需要安装webpack-cli。
npm install webpack webpack-cli --save--dev.
6、安装lodash组件,在index.js里面import组件。
npm install --save lodash
7、新建dist文件夹,创建index.html,创建分发发布版。
8、执行npx webpack,会在dist文件夹下生成main.js(js压缩优化输出),index.html引用main.js。
9、js导入css
执行npm install --save-dev style-