从零搭建一个vue项目

从零使用vue+webpack搭建一个vue项目

首先就是安装nodejs和npm，(一般建议不要装版本过于新的版本，这里建议装8.11.4 LTS)

下载地址：https://nodejs.org/en/

Win+R输入cmd查看版本：

node -v

如果出现以下显示就成功啦

由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。命令如下，出现版本提示表示安装成功

全局安装与本地安装

npm 的包安装分为本地安装（local）、全局安装（global）两种，从敲的命令行来看，差别只是有没有-g而已，比如:

npm install express # 本地安装
npm install express -g # 全局安装

安装webpack

命令(这里需要全局安装)：

npm install webpack -g

安装vue-cli脚手架

命令：

npm install --global vue-cli

到这里，环境搭建基本成功啦！接下来就是项目的初始化了。

首先进入到你想要创建项目的文件目录下，执行以下命令：

vue init webpack vue-demo

(其中vue-demo是你的项目名称)
接着会有一些需要你选择y/n的东西，如下图

你可以根据自己的需要来安装，成功后的文件目录：

然后执行以下两条命令就可以将你的项目跑起来啦

npm install
npm run dev

报错及解决方案：
一般都是根据它报的缺什么东西就安装什么东西

一个很棘手的报错，

可是从前面的步骤发现我已经安装了sass依赖，查看一下别人的经历，尝试性的安装了less依赖，发现，可以了！！！

解决命令：

npm install --save less-loader