vue-cli vue脚手架构建

Posted 2021-11-27 xxta

操作步骤：

1 . 安装node.js    下载地址 ：https://nodejs.org/en/

2. 使用 npm 全局安装webpack工具   cmd --> npm install webpack  webpack-cli -g      (安装完成后 使用 webpack -v命令 可以看到版本号) 

3 .全局安装 vue-cli   cmd --> npm install -g @vue/cli   （安装完成后 vue -V  大写的 V 查看版本号 ）参考：https://cli.vuejs.org/zh/guide/installation.html

4. 用 vue-cli 构建项目

   ① cd 进入项目相放的位置   vue init webpack baoge（项目名）命令执行后会在当前目录生成一个以该名称命名的项目文件

   ② 回车问题

   ③.cd 进入项目 安装依赖： cmd输入：npm install ( 如果安装速度太慢。可以安装淘宝镜像，打开命令行工具，输入npm install -g cnpm --registry=https://registry.npm.taobao.org然后使用cnpm来安装 )

5.cd 进入项目 运行项目：npm run dev