从0-1搭建一个vue项目(update)

1.打开终端
2.cd workspace(进入平时放项目的地方,这个文件夹自定义)
3.ls
4.npm install -g @vue/cli (安装搭建项目脚手架)
5.vue create projectname (创建一个项目文件)
6.选择默认或者或者选择引入插件,我一般选择默认(回车即可)
在这里插入图片描述
7.完成之后就可以进入项目了(我的版本是下面的两条命令)
8.cd projectname(进入项目)
9.npm run serve (让项目跑起来)
10.打开浏览器输入:localhost:8080(如果有其他项目再跑,就是8081/8082…)
11.这时项目就能跑起来,在浏览器就能看到UI视图了
12.一般项目都需要配置路由
13.在终端中control+c,终止项目,输入:npm install vue-router
14.vs code中文件的main.js目录下,添加一下配置

	import Vue from 'vue'(这个一般有,不用配置)
	import VueRouter from 'vue-router'
	
	//这里的路径看具体情况而定,一般默认放在components文件夹下面
	import pageFirst from './components/pageFirst'
	import pageSecond from './components/p
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值