如果使用脚手架创项目

如果使用脚手架创项目
什么是脚手架:具有核心功能的半成品代码,只需要向其中添加个性化自定义内容即可
(1)默认安装好node.js v8.11.1 >
(2)全局安装vue-cli:

   npm i -g vue-cli  

(3)初始化一个项目,指定打包工具 webpack(在你想要的安装的目录下)

  vue init webpack app                      // app是自定义项目名称
 安装时会问
  ? Project name   直接回车
  ? Project description   直接回车
  ? Author            作者
  ? Install vue-router[文华帐本]
  ? Use ESLint to lint your code?      安装ESLint 代码检查  选择no
  ? Set up unit tests                是否安装单元测试
  ? Setup e2e tests with Nightwatch? 测试工具   可选可不选

在这里插入图片描述
最后回车就开始安装了
会生成 package.json文件
(4)项目目录生成
//(5)进入项目录目录安装依赖第三方模块(最新的不需要这一步)

#  npm i

(6)启动项目

  npm run dev

(8) http://localhost:8080/#/

  停止工作 ctrl+c

目录结构
在这里插入图片描述
build: 保存基本配置文件(webpack)
src: 我们项目所有源代码(vue;js;css;image;…)
static: 静态目录
package.js 项目的描述文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值