最新node.js安装VUE模板(B站狂神改动)

Vue经常报错网上让你升降版本最后还没用把你版本还搞的混乱的一批

在一开始你下好nodejs就除了下面的那个命令其他的都安装上信我我cao        : ===> v-bind

npm install -g npm                ------> npm回复更新到最新版本                        @===>v-on (备忘)

npm install  cnpm -g   

 cnpm install vue-cli -g         ------>vue-cli回复更新到最新版本

vue init webpack myvue2 (受苦的我) (除了这个)

npm install webpack -g  

npm install webpack-cli -g

失败了就cmd输入命令重新从半路开始模板创建cao...tm 的vue

vue初始化项目时就一路yes 不然后面看时间自己装版本不对等等问题简直劝退草了

注意cmd安装时( 最骚的是每次卡主不动就按ctrl+c就又跑起来了好骚啊,我不懂为什么,按就完了)

首先tm的必须感谢这位老哥!!!

(b站狂神版)前面可以跟狂神后面绝对不要!!!!!!!!评论区小伙伴给的招数!!!!!不然一直报错你绝对崩溃

1先安装nodejs.一路next除了接受条款其余不管

 2.cmd检查

 npm就是 用来下载包的节点服务器,相当于maven网站用来下载jar包的服务器

 

 3.安装淘宝镜像npm可以让你下载东西从国外变成国内服务器下载:   npm install cnpm -g 

-g是全局安装

长时间卡主不动了我就按了ctrl+c然后重新输入命令让他继续下载 

网络在动它卡主就不要乱动了 要是网速没了再重新安装

 4.找c盘的npm找电脑相对用户注意路径

 找到是这样的

5.安装 vue-cli:                cnpm install vue-cli -g

 安装后目录

 6.vue list 可以实现的官方模板

 7.利用cmd的管理员模式进入你要创建vue webpack 模板的地方

我默认是管理员模式

 8.执行 :        vue init webpack myvue

vue 初始化 webpack模板的 项目名myvue

这两部直接回车

 作者你随意

 第一个运行时编译选这个

 然后就是不要tm的一路no----开头结尾yes就完了不然难受的是你,最下面我还是安装vuerouter版本对不上回头还修改博客我真的草了最后一个要use npm

是我的受苦日记

 最骚的是每次卡主不动就按ctrl+c就又跑起来了好骚啊 ,初始化完了之后全危险不用管他下面提示让走cd进入项目启动

 

 成功了属于是

在idea中打开你路径中的项目

在idea的终端中如果输入npm run dev 显示不是内部命令

需要将idea的安装目录中将idea

 

 重启idea

直接打开cmd webpack 用来将es6 的代码变成 es5 的代码

webpack安装: npm install webpack -g  

 npm install webpack-cli -g

 

 webpack使用

1.创建文件夹然后用idea 打开

2.在idea项目中创建moudles文件夹用来存放js模块

 

 然后建立webpack.config.js

 

 完成后终端输入webpack执行 先要

 

 

 powershell

 set-ExecutionPolicy RemoteSigned

 

 

 

 好了,打包后的js

 新建indexhtml并将打包后的js导入

 

 

Vue-router路由是VUE只专注于视图层,页面跳转等需要安装辅助VUE-Router模块

Vue项目讲解:视频b站:https://www.bilibili.com/video/BV1ui4y1Z7Ls/

安装vue-router他是安装在项目上的所以你要先进入一个你需要的vue项目我现在就是一开始建立的myvue项目

 npm install vue-router --save-dev

开头建议了一开始就安装vue-router这个命令版本tm对不上疯狂报错

如果你的版本都是比较新的没有换过版本的就重新创建一个模板

让他自己安装上vue-router

=============================================================

vue -router

 

 

 name与组件name绑定指定显示在指定的router-view中<router-view name="Tview"/>但传值会失败只试过一次需要用的时候再去深究

在参数传递后需要取值的页面第一种方式是(他们的router-link都不变)

 第二种方式要改变一下routes的组件属性

加上props:true

取值页面也得加上

 然后

 

在学习vue时感觉狂神教的太浅了vue像是突然断更没学明白,然后到处搜补,决定把前段全重构了重新学习并且把java的知识点也都查漏补缺,最好能把java基础与jvm吃透吧,现在的学习计划就是html+css的快速过标签知道他干啥就行不然时间来不及后面也会忘布局重新强化学习把布局全部查漏补缺然后就是css知识点也看看不必要非常详细掌握够用就行后面用到再去看找,然后javascrpit基本的domBOm 和函数 再学习ES6  VUE我是放弃了
因为再去学习不值得有心理因素,想赶工而起大厂说是react那就冲react估计有2个月时间来弄.后面再进行java后端反正ssm框架暂时足够时间长了看一下以前自己的整合视频也能知道咋弄为什么,业务不需要关心springboot也会强化学习就暂时这样吧