vue脚手架的使用记录及目录文件解读

时间:2021-08-22 06:03:59

1、安装脚手架:npm install -g vue-cli

2、创建工作空间,切换到目录下执行:vue init webpack project_name(项目名称)

3、初始化操作:

vue脚手架的使用记录及目录文件解读

4、按上图提示,cd到目录下或者在项目下按shift+鼠标右键,选择在此处打开窗口命令,执行npm install去安装项目依赖包

5、npm run dev 在本地运行示例项目,可以看到执行结果,已经监听8080端口,在浏览器输入http://localhost:8080看到如下页面

vue脚手架的使用记录及目录文件解读



接下来对项目的结构和文件进行解读: