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

来源:互联网 发布:知世公主 编辑:程序博客网 时间:2024/05/17 23:57

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

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

3、初始化操作:


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

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




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



原创粉丝点击