0
点赞
收藏
分享

微信扫一扫

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

悲催博士僧 2022-01-20 阅读 44

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

举报

相关推荐

0 条评论