VUE初始–安装及搭建框架板块
个人学习笔记,纯萌新,仅供自己备份复习使用,如有问题还请大佬不吝赐教~
欢迎讨论指点,不欢迎挑刺开喷,不然我就给你一拳
1.cd 目录地址 //先进入文件
若无法正常进入,可先更换盘符路径,例如: ‘D:’ 回车,然后正常cd进入
2.【安装脚手架工具(全局)】:
1.npm install -g @vue/cli //这两种都是,写法不一样 而已
2.npm install vue-cli -g
安装完手脚架之后,可以通过(两个方法)创建项目:
- vue create Hellwo(这个是创建的项目名称) 创建项目,源码格式啥的都有,这步才算是真正的搭建项目框架。
这个是用命令控制创建的 - vue-ui
这个是通过打开UI(可视化界面)来创建项目
npm run dev 启动打包(也可以在package.json里面改配置用其他命令代码打开
- vue list //查看vue是否下载完成,及其功能(全面)
vue -V //查看vue-cli的版本号
vue ui //打开vue可视化(网页)界面。也可以在ui中设置配置
在这里一定要注意VUE的版本,2.0和3.0的写法不太一样,文件配置也有一点点不同(例如处理跨域问题碰到的,代码正确死活不生效,最后一看发现是2.0的项目使用了3.0的解决写法)
4.当使用了Vue或者Vuex时必须引入相关的包,否则无法使用
(不会报错!但就是无法使用。这一点和初学者刚上手前端框架没正确导包有异曲同工之妙)
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> //引入vue
<script src="vuex.js"></script> //引入vuex
5.【高亮,vue 、 js 是严格区分大小写的!!!任何一个字母都必须准确,回车自动变化的必须检查,未必适用】
6.router-----index.js 中,设置路由转接的路径啥的(个人觉得这部分比较重要,就先在这放一下,后面会具体整理各个模块是干啥用的。插眼)