vue脚手架安装和webpack安装

安装node.js

官网：http://nodejs.cn/.
从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了。
安装完成之后，打开命令行工具，输入 node -v，如果出现相应的版本号，则说明安装成功。

查看全局包位置：
npm root -g
查看包的依赖关系 ：
npm view npm dependencies
查看npm基本配置命令：
npm config list

安装vue-cli脚手架构建工具

在命令行中运行命令npm install -g @vue/cli or npm i -g @vue/cli or yarn global add @vue/cli，然后等待安装完成。

如果安装比较慢，可以把npm切换成淘宝的源：npm config set registry https://registry.npm.taobao.org/

运行以下命令来创建一个新项目：vue create 项目名称

1. 选择Manually select features(自己选择项目用的模块), 回车键确认;
2. 选择 Babel CSS Pre-processors (选择项目里面需不需要CSS预处理器), 通过空格选中或者取消选中, 回车键确认;
3. Pick a CSS pre-processor(选中CSS 预处理器) ,这里选择Less, 回车键确认;
4. Where do you prefer placing config for …(babel protcss的配置是要放置到哪里去), 选择 In dedicated config files (独立的文件存放配置就可以),回车确认;
5. Save this as a preset for future projects?(y/N) 把上面的所有选择单独保存成一个配置,方便以后的项目配置, 这里选择y,下一个选择就是输入这个配置的名字;选择N就不保存,然后回车直接生成一个项目出来.

安装webpack：

打开dos窗口或者vscode的终端，输入npm i webpack -g(全局安装)，等待安装完成即可。

1.如果是4+版本，下载CLI，输入命令npm i webpack-cli -g
2.如果想指定版本，输入命令：npm i [email protected] -g

安装完成输入webpack -v出现版本即为成功。