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

时间:2023-12-26 08:36:37

一、安装node.js

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 入门教程(三)

相关文章