安装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 项目名称
- 选择Manually select features(自己选择项目用的模块), 回车键确认;
- 选择 Babel CSS Pre-processors (选择项目里面需不需要CSS预处理器), 通过空格选中或者取消选中, 回车键确认;
- Pick a CSS pre-processor(选中CSS 预处理器) ,这里选择Less, 回车键确认;
- Where do you prefer placing config for …(babel protcss的配置是要放置到哪里去), 选择 In dedicated config files (独立的文件存放配置就可以),回车确认;
- 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 webpack@3.6.0 -g
安装完成输入webpack -v
出现版本即为成功。