vue项目的创建和运行

如何运行vue项目

1、安装node.js(npm包)
vue-cli构建工具(npm install -g vue-cli)
cnpm npm的淘宝镜像(可直接用npm)

2、创建项目
vue init webpack[webpack构建工具] firstVue[项目文件夹名称]
直接回车 (yes)即可 完成后,cd firstVue(进入目录)

3、安装项目所需的依赖
cnpm install
–大型项目用 npm install

4、运行项目
命令npm run dev (将自动加载并刷新打开服务器查看效果,默认是localhost:8080)

ps:其中 run 对应的是package.js文件中 scripts 字段的dev,也就是node build/dev-server.js命令的一个快捷方式

vue的结构目录

build —-最终发布的代码存在位置

node-module—npm加载的项目依赖模块
src —-开发目录(App.vue 项目入口文件,main.js项目的核心文件)

static—静态资源目录,如图片、字体等
test—初始测试目录,可删除

.xxx—-文件是配置文件,包括语法配置,git配置等
index.html—首页入口文件,你可以添加一些meta信息或者统计代码的

package.json—项目配置文件
READMDE.md—项目的说明文档

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章