Vue创建自己第一个工程项目

本文档引导初学者使用vue-cli初始化并运行他们的第一个Vue.js项目。通过执行'vue init webpack test'创建项目,然后设置项目名称、描述、作者等信息。选择vue-router、standalone构建和jest作为单元测试框架。接着,运行'npm run dev'启动服务,最后在浏览器中访问http://localhost:8080,显示成功搭建的页面。
摘要由CSDN通过智能技术生成

1.使用vue-cli创建自己的第一个Project项目;

vue init webpack test

2.创建自己运行的项目;

Project name test1
 Project description A Vue.js project
Author songkefng
 Vue build standalone
Install vue-router? Yes
Use ESLint to lint your code? No
 Set up unit tests Yes
Pick a test runner jest Setup e2e tests with Nightwatch? Yes
Should we run `npm install` for you after the project has been created? (recommended) npm

3. cd切换目录,npm run dev 启动后端服务;

cd test1
 npm run dev

4.创建第一个项目成功;

5.复制地址到chorme浏览器中,

http://localhost:8080

6.访问页面如下:

7.第一个项目创建并且搭建成功。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值