搭建Vue-cli脚手架工具

Posted 2020-09-24 MesopotamiazZ

第一步：安装NodeJs，安装Git版本控制工具，在D盘新建文件夹取名vue_work，选中文件夹右键Git Bash Here。

第二步：在git中输入

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

使用cnpm替代npm对npm包进行管理。

第三步：下载vue-cli和webpack

$ cnpm install -g vue-cli
$ cnpm install -g webpack

使用 vue-cli -V、webpack -v命令查询版本，判断是否安装成功。

第四步：生成Vue项目输入

vue init webpack myFirstProject

之后会让你输入项目名，描述，作者等信息。自动在vue_work文件下生成myFirstProject。

第五步：启动项目，需要先使用命令安装依赖，最后启动项目

cnpm install //安装依赖
cnpm run dev //启动项目

第六步：查看文件夹结构，进入http://localhost:8080/对项目进行查看