vue第一课，安装以及网址等记录

一、装node.js

网址：https://nodejs.org/zh-cn

1.安装时发生问题

这一步默认就可以，基本就是安装过程默认选项

2.用cmd试一下npm和node两个命令有没有？不要用powershell

 

这就算两个都有了

3.要先安装vue-cli，vue的cli命令

npm  全称 node package manager，以后要用这命令不要死记

npm install -g @vue/cli

-g代表的是全局，globe这个词的缩写

npm安装 vue-cli

 试一下vue -V这个命令，可不可以

备注：node安装vue-cli，类似于C#的包管理nuget，同样的，node.js也有自己的包管理系统，来源https://www.npmjs.com/，也是联网下载的东西

 

 

 

 4.这应该是创建一个项目，项目名字是 lean_vue2

换国内源，https://cloud.tencent.com/developer/article/1372949这个是换源方法

5.安装vscode

https://code.visualstudio.com/

 上面两个也选上，全选就好了

6，用vscode打开刚刚新建的项目，vscode安装中文包，找到下图图标

 搜索chinese，会出来一个语言包，装一下就可以了，同理，顺便把以下三个插件装一下

 vue分为2和3，我们现在学的是2

7.终端切成这个

 8.打开代码

 npm run + package.json里的命令

9.用浏览器打开来看看

 10.F12打开浏览器前端代码，uni-app上面可以切换手机型号

 11.尝试改变代码show文字，发现浏览器页面不用刷新，直接更新

 12.打开index.vue，按照他们的示例，尝试编写一下方法代码之类的，事件，在模板里是用@接事件，看https://cn.vuejs.org/guide/components/events.html这个部分，v-on:click 然后一般是用@缩写

 13.后续可以参考https://cn.vuejs.org/guide/introduction.html学习