node.js是基础,必须先安装。而且最新版的node.js,已经集成了npm。
下载地址
node安装,一路按默认即可。

二、全局安装webpack

npm install -g webpack

webpack+sass+vue 入门教程(一)

如果公司网络是设置代理的,要设置下代理地址

npm config set proxy http://***/

三、建立项目文件夹

我在本机的E盘上,建了一个名称为demo的文件夹
webpack+sass+vue 入门教程(一)

四、初始化package.json

1.cmd控制台进入E盘下的demo文件夹

webpack+sass+vue 入门教程(一)

2.输入 npm init,自动生成package.json

webpack+sass+vue 入门教程(一)
package.json自动生成的内容
webpack+sass+vue 入门教程(一)

五、在项目中安装webpack作为依赖包

npm install webpack --save-dev

webpack+sass+vue 入门教程(一)
安装成功后,会在demo文件夹下生成一个node_modules文件夹。
另外,控制台会提示warn,不用担心。
webpack+sass+vue 入门教程(一)
webpack+sass+vue 入门教程(一)

原文入口:http://www.jianshu.com/p/48280ba9a362

系列文章:
webpack+sass+vue 入门教程(二)
webpack+sass+vue 入门教程(三)

相关文章: