VUE初始--安装及搭建框架板块

VUE初始–安装及搭建框架板块

个人学习笔记,纯萌新,仅供自己备份复习使用,如有问题还请大佬不吝赐教~
欢迎讨论指点,不欢迎挑刺开喷,不然我就给你一拳

1.cd 目录地址 //先进入文件
若无法正常进入,可先更换盘符路径,例如: ‘D:’ 回车,然后正常cd进入

2.【安装脚手架工具(全局)】:

1.npm install -g @vue/cli      //这两种都是,写法不一样 而已
2.npm install vue-cli -g      

安装完手脚架之后,可以通过(两个方法)创建项目:

  1. vue create Hellwo(这个是创建的项目名称) 创建项目,源码格式啥的都有,这步才算是真正的搭建项目框架。
    这个是用命令控制创建的
  2. vue-ui
    这个是通过打开UI(可视化界面)来创建项目

npm run dev 启动打包(也可以在package.json里面改配置用其他命令代码打开

  1. 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 中,设置路由转接的路径啥的(个人觉得这部分比较重要,就先在这放一下,后面会具体整理各个模块是干啥用的。插眼)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值