搭建vue-cli脚手架（傻瓜搭建vue项目）

什么叫做傻瓜搭建，顾名思义就是傻瓜按着步骤都能搭建出来，话不多说，直接上步骤↓↓↓↓↓↓↓↓

 

一、先安装node.js环境 

官网下载：https://nodejs.org/en/download/

下载应该没啥问题 ，一直默认就行（自己注意点，需要改路径的话改一下）

二、查看一下自己安装成功了没（自信且省略）

windows+r打开cmd

node -v  查看 node版本

npm -v 查看npm版本

三、安装vue-cli

很多博主都是用的cnpm，所以我也学习使用的cnpm（感谢其他博主）

安装cnpm先

npm install cnpm -g --registry=https://registry.npm.taobao.org

安装完后查看版本（自信且省略）

cnpm -v

成功：

 

四、全局安装vue-cli

cnpm install -g vue-cli

五、查看一下vue版本

npm -V 

我提示了无法识别‘vue‘ ，如果出现这个错误的话应该是npm版本过低导致的，升级一下npm

npm install -g npm

六、创建vue项目

举例：在桌面先创建一个空文件夹：demo

在cmd中 输入  cd desktop

               然后输入 cd demo

再输入 vue init webpack

七、进入新建的文件夹下，安装依赖

npm install

或者

cnpm install

八、然后打开你的文件夹，可以运行啦

npm run dev