基于vue-cli初始化一个VUE项目

 

创建一个VUE项目:

环境准备:

操作系统:win10

已安装nodeJS,npm,cnpm

如果未完成上述安装请参考以下链接:

 

NodeJS | npm | cnpm 安装教程

 

1.安装vue-cli vue脚手架:

2.输入vue init webpack my_test_vue 初始化项目:

初始化项目时的提示说明:

Vue build :打包方式,回车即可;

Install vue-router :是否要安装路由,输入y 回车;

Use ESLint to lint your code:是否需要 严格的js 语法检测,对于新手来说不太友好,这里我们可以输入n 回车;

Set up unit tests:是否安装单元测试工具输入n 回车;

Setup e2e tests with Nightwatch :是否需要 端到端测试工具 输入n 回车;

 

3.cd 到项目目录下运行cnpm install 安装项目依赖,安装之后运行:npm run dev 看见如下提示:

 

4.在浏览器中打开该地址:localhost:8080 显示如下:

 

未完待续...(待补充创建过程中遇到的一些错误提示的处理)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值