如何创建并运行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—项目的说明文档

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值