21.07.26笔记 —— Vue/cil

VUE搭载脚手架

搭载环境

下载node
node.js下载地址

控制台输入
npm install -g @vue/cil

查看版本

创建vue项目

创建完后会显示启动服务的指令

这个指令可以在package.json中修改成你喜欢的npm run XXX
但只有在scripts中配置了 vue-cli-service serve与vue-cli-service build文件，才能运行相应的run的命令

有些vue的版本运行的是build/dev-server.js与build/build.js文件，所以运行指令是npm run dev

npm run dev/serve与bpm run build的区别，可以参考着这个看一下

关于vue的npm run dev和npm run build

还有一点要注意的是，vue文件中的node_modules文件夹里面有很多文件，所以在上传到Git等其他地方时是不会包含这个文件夹的，在其他地方下载的vue的文件要记得在其目录下运行
npm install
会把node_modules下载下来
其实在.gitignore文件中可以看到


有什么你不想上传的或是不方便上传到Git的文件夹也可以放在里面

案例练习

使用vue实现简单的待办事项

可以选择搭载element-UI进行前端页面开发

完成后再package.json中可以看到版本号

在main.js中加入以下代码

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

就可以使用element的组件了。

还有一个npm inatsll axios接口