vue前端学习第1节笔记--vue cli准备，创建vue3项目

1.牢记vue3.0官网地址

官网：Vue.js

2.创建vue项目要提前在计算机中安装vue cli,在 windows下  cmd打命令，回车

cnpm install -g @vue/cli

安装成功后查看版本

 vue --version

2.准备好环境，就创建项目吧。这里推荐编辑器vscode,轻量级插件多，大厂都在用

创建vue项目

在vscode 终端模式下进入到文件夹，想创建一个项目名称叫vue-demo(注意，名称不允许出现大写)，输入命令

vue create vue-demo

进入到终端，按上下键，选择第三个，回车

初学者选择第一个和第三个（注意 键盘上下键控制选项条目，点击空格键控制前面的选中和取消），回车

 接下来就选vue3.0,回车

 下一步选择默认

下一步输入N，回车

接下来，等待创建项目，创建好的项目长这样

按提示进入目录

cd  vue

输入

npm  run serve

至此  启动成功，浏览器中输入

 http://localhost:8080/

或
 http://192.168.1.77:8080/ 

表示项目创建并运行成功 

【快来一起试一试】vscode中快捷键分享：

要收起和展开终端用 ctrl+j

界面放大：ctrl+shift+

界面缩小：ctrl+shift-

创建html:！+回车

格式化 ：ctrl+alt+f

向上移动一行：alt+up

向下移动一行：alt+down

向上复制一行：shift+alt+up

向下复制一行：shift+alt+down

单个替换：ctrl+h

迅速创建h6个标签：h1~h6:h$*6

创建多个标签比如table，其他标签类似： table>tr*3>td*3{测试}