002 Vue开发前的准备

1、安装Vue工具 Vue CLI

　　http://vuejs.org 官网

　　http://cn.vuejs.org 中文版官网

 　　　         cli.vuejs.org    Vue3最新版网址

 　　

 　　

 

 

 

　　　　

　　Vue CLI Vue.js开发的标准工具，Vue CLI是一个基于Vue.进行快速开发的完整体系

　　npm install -g @vue/cli

安装之后，你就可以在命令行中访问vue命令。你可以通过简单运行vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。

　　vue --versin

2、创建一个项目

　　运行以下命令来创建一个新项目

　　vue create vue-demo

　　温馨提示：

　　　　在控制台中，可以用上下按键调整选择项

　　　　在控制台中，可以用空格(spacebar)选择是否选中和取消选中

　　可以选择默认项目模板，或者选“手动选择特性”来选取需要的特性。

 

　　

 

 

 

 

 我们选择Babel和Progressive Web Aop（PWA）Support 两个选项即可

温馨提示：在学习期间不要选中Linter/Formatter以避免不必要的错误提示

 Vue目前由两个主流大版本vue2和vue3，我们本套课程选择vue3最新版本

 配置放在哪里？In dedicated config files 专用配置文件或者In package.json在package.json文件

 将其保存为未来项目的预置？y代表保存，并添加名字，n不保存

 项目创建成功如下提示信息

3、 运行项目

第一步：进入项目跟项目cd vue-demo

第二步：运行npm run serve 启动项目

 

 http://localhost:8080/

 

 

4、安装Vue高亮

　　VSCode中安装vetur或者volar都可，前者针对Vue2版本，后者针对Vue版本Vue3版本