Vue-cli脚手架起步

1.安装node.js

下载地址：http://nodejs.cn/download/

测试是否安装成功

node -V  检测安装包
npm -v  检测npm

 

2、安装webpack

npm install -g webpack
npm install  webpack-cli -g

从webpack 4.X开始，需要全局安装webpack-cli

测试是否安装成功

webpack --version  || -v

3、全局安装vue-cli，在cmd中输入命令

npm install --global vue-cli
npm install -g @vue/cli   // 3.0  ||  npm install --global @vue/cli

检测是否安装成功

//　　注意这里是大写V 
vue -V  

打开C:\Users\Andminster\AppData\Roaming\npm目录下可以看到    APPData是隐藏文件，打开 打开node_modules也可以看到  就能看到cli

4、用vue-cli来构建项目

vue init webpack demo   // 2.0
vue create demo   　　　 //    3.0

5、安装依赖

npm install

6、启动项目

npm run dev        //    2.0
npm run serve  　　 // 3.0

ok！

网速不好的可以暗转淘宝镜像

npm淘宝镜像安装命令

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

喜欢的小伙伴可以关注我公众号“前端为大叔”