继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【学习打卡】第5天 vue-cli创建出来的工程代码详解

风与叶
关注TA
已关注
手记 14
粉丝 0
获赞 14

课程名称:毕业一课通,从开题到答辩高效完成
课程章节:第3章 3-6 vue-cli创建出来的工程代码详解
主讲老师:然冬

课程内容
安装vue cli脚手架,查询版本信息
创建一个项目
管理状态使用vuex
.vue文件
export defalut

课程收货
Node 版本要求
Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n,nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
模块化组件

运行以下命令来创建一个新项目:vue create hello-world
可以使用下列任一命令安装这个新的包:
npm install -g @vue/cli
yarn global add @vue/cli
import App from './App.vue'
import router from './router'
import store from './store'

createApp(App){
    .use(store)
    .use(router).mount('#app')
}

图片描述

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP