vue脚手架的使用记录及目录文件解读
2017-12-09 10:49
357 查看
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看到如下页面
接下来对项目的结构和文件进行解读:
2、创建工作空间,切换到目录下执行:vue init webpack project_name(项目名称)
3、初始化操作:
4、按上图提示,cd到目录下或者在项目下按shift+鼠标右键,选择在此处打开窗口命令,执行npm install去安装项目依赖包
5、npm run dev 在本地运行示例项目,可以看到执行结果,已经监听8080端口,在浏览器输入http://localhost:8080看到如下页面
接下来对项目的结构和文件进行解读:
相关文章推荐
- vue-cli脚手架build目录中的webpack.prod.conf.js配置文件
- vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件
- vue-cli脚手架config目录下index.js配置文件详解
- vue脚手架使用swiper /引入js文件/引入css文件
- 详解vue-cli脚手架build目录中的dev-server.js配置文件
- vue-cli脚手架config目录下index.js配置文件的方法
- 解读vue生成的文件目录结构
- vue-cli脚手架build目录中的webpack.dev.conf.js配置文件
- 002、vue文件目录解读
- C# 自动查找文件内容(正则使用、获取目录下所有文件、多线程、日志记录,文件操作)
- 介绍vue-cli脚手架config目录下index.js配置文件
- 底层:vue-cli脚手架build目录中的webpack.prod.conf.js配置文件
- Vue 脚手架搭建目录及文件详解
- vue-cli脚手架build目录中的webpack.base.conf.js配置文件
- 解读vue生成的文件目录结构及说明
- vue-cli脚手架build目录下utils.js工具配置文件详解
- vue-cli脚手架build目录中的karma.conf.js配置文件
- vue-cli脚手架config目录下index.js配置文件
- vue-cli脚手架build目录下utils.js工具配置文件详解
- 使用inotify-tools监控Linux下记录文件及目录访问