创建并运行一个vue项目②——创建项目

前言

环境配置部分见:http://t.csdn.cn/YBNNm

参考官方文档https://cn.vuejs.org/guide/quick-start.html

vscode下载地址:vscode

①执行 create-vue

在命令提示符输入:npm init vue

这一指令将会安装并执行 create-vue

你会依次看到以下命令,输入你的项目名称并选择是否要加入其他的插件或者模板。

这样你就创建了自己的项目。

②接下来找到你项目的地址。

在命令提示符中输入:cd 你的项目名称。

例如我的项目叫mypj1,那么我输入cd mypj1。

③在vscode中打开并运行这个项目。

打开vscode,进行下图操作。

在弹出来的窗口中选择你刚才新建的项目。

这是打开后的项目结构,这里的APP.vue是整个vue项目的入口,打开它。

在屏幕下方的控制台里输入npm i并回车,这一步是安装所需的依赖。

安装完成后继续在控制台中输入npm run dev并回车,将看到以下画面。

将红框中的url复制到浏览器打开,可以看到我们创建的vue项目的初始页面,到这里vue项目就运行成功了!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值