VUE简单整理
2024-09-25 01:53:45
在用 Vue.js 构建大型应用时推荐使用 NPM 安装:
# 最新稳定版
$ cnpm install vue
命令行工具
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。
# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置,默认回车即可
This will install Vue 2.x version of the template. For Vue 1.x use: vue init webpack#1.0 my-project ? Project name my-project
? Project description A Vue.js project
? Author ***** <test@dongpouu.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes vue-cli · Generated "my-project". To get started: cd my-project
npm install
npm run dev Documentation can be found at https://vuejs-templates.github.io/webpack
进入项目,安装并运行:
$ cd my-project
$ cnpm install
$ cnpm run dev
DONE Compiled successfully in 4388ms > Listening at http://localhost:8080
成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:
注意:Vue.js 不支持 IE8 及其以下 IE 版本。
目录解析
目录/文件 | 说明 |
---|---|
build | 项目构建(webpack)相关代码 |
config | 配置目录,包括端口号等。我们初学可以使用默认的。 |
node_modules | npm 加载的项目依赖模块 |
src |
这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:
|
static | 静态资源目录,如图片、字体等。 |
test | 初始测试目录,可删除 |
.xxxx文件 | 这些是一些配置文件,包括语法配置,git配置等。 |
index.html | 首页入口文件,你可以添加一些 meta 信息或统计代码啥的。 |
package.json | 项目配置文件。 |
README.md | 项目的说明文档,markdown 格式 |
最新文章
- Linux下的Finger指令
- [转载]http协议 文件下载原理及多线程断点续传
- 通过/etc/rc.local实现开机自动拉起服务
- HTML之jQuery
- 《ASP.NET1200例》ListView 控件与DataPager控件的结合<;一>;
- ANT下载和配置
- 【产品体验】ONE一个
- 如何仿写thinkphp的C方法?
- oracle 时间比较查询
- Unity 编辑器扩展自定义窗体
- mac下git配置和jenkins打包
- canvas学习总结六:绘制矩形
- JavaScript笔记之第一天
- Android对话框Dialog深度剖析
- Maven初解--依赖查找方法
- ISP PIPLINE (五) Denoise
- Python3 基本语法学习
- POJ2676 – Sudoku(数独)—DFS
- 【转】[置顶] 在Android中显示GIF动画
- 以代码爱好者角度来看AMD与CMD(转)