搭建Vue2脚手架

搭建Vue2脚手架

完成一个Vue2的实战项目

一、 搭建脚手架的前提

1.配置npm淘宝镜像

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

查看是否配置成功

npm config get registry 
npm config get disturl  

> 出现淘宝的地址就成功了

2.下载、安装webpack

①管理员模式进入cmd，输入

npm install webpack -g

②下载完毕输入

    webpack -v

③webpack-cli -v检查版本号，安装成功

二、开始搭建脚手架

1.若此前已经安装过脚手架，可以跳过第一步。 若此前没有安装过脚手架：

  npm install -g @vue/cli

2.在合适的文件位置嵌入cmd 打开并输入命令创建脚手架

vue create shopping_online

3.创建脚手架时选择vue的版本为vue2

三、开启脚手架的服务

在创建脚手架的文件目录下开启服务

npm run serve

开启成功

搭建成功