制作WEB前端项目, 从最初的小作坊状态逐渐发展到工程队状态 脚手架需要安装之后, 才能使用 -- 用来生成标准化的项目包

1. 环境要求:

• node版本: 12~16

  检查命令: node -v 安装包下载地址: nodejs.cn/download/

• npm: 包管理工具要求中国镜像

• 查看当前镜像: npm get registry

设置镜像的命令: npm set registry https://registry.npm.taobao.org/

• 全局安装 vue的脚手架工具
• npm i -g @vue/cli

安装后使用 vue -V 或 vue --version 来查看版本

2.生成项目包:

安装脚手架软件后, 目的是为了生成项目包

注意事项:

1. 要生成项目包的目录下, 不允许存在 vue.js 文件

2. 项目包所在目录中, 不允许存在中文和特殊字符

   错误案例: D:/知我相思苦/web学习日记(1)/... 不允许有中文 () 这种特殊的字符

执行安装命令: vue create 包名

• 在你希望创建项目包的目录下, 执行包名: 不允许大写字母, 用-间隔多个单词 , 例如 vue-pro

• 选择版本 2

• 后续的所有选项, 直接按回车, 自动采用默认项即可

• 成功生成

3.项目包的使用方式

脚手架生成的项目包十分完善

• 自带服务器

在项目包vue-pro目录下, 打开cmd命令行工具, 运行启动服务器命令

npm run serve

ip 和 端口号 都不一定, 要看你自己电脑

访问服务器: 在浏览器地址栏输入 命令行中的网址, 能查看即可