VSCode 搭建Vue开发环境之Vue CLI手把手教程０１

　　

一、简介说明

1.关于VS Code开发工具，安装和配置，可以参考过去的文章

2.关于Vue.js，Vue是一个优秀的渐进式前端框架，不仅易于上手，还便于与第三方库或既有项目整合。

3.关于Vue是使用方式有两种，第一种、最简单方式和以前使用jquery框架似的引入Vue，直接编写使用；第二种，使用Vue 官方提供的 Vue CLI搭建开发环境。

4、关于 Vue CLI 

CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架，或者直接通过 vue serve 构建新想法的原型。

常用操作：

创建项目： vue create  helloworld

运行项目： npm run serve

编译项目：npm  run build

二、搭建步骤

1.首先安装NodeJs 框架，如果已经安装本步骤，忽略。 如需了解安装步骤：加好友咨询

2.安装 Vue CLI 工具，使用npm命令即可

npm install -g @vue/cli

验证是否安装成功：

vue --version

3.使用Vue CLI 命令创建一个项目

vue create manage

4、运行浏览自带的Demo项目

cd manage
npm run serve

如果编译正常，demo项目浏览器中输入地址可以直接查看。

目前版本到了 4.5.9

　案例０１　

　　打开ｃｍｄ命令，运行窗口，进行安装　

 安装中

　

成功安装　

 

打开ｎｏｄｅｊｓ窗口　 

 

　创建项目

　输入Ｙ，回车继续

 　回车键继续

 　创建项目中

　

 目前版本到了５.０.４　

cd manage npm run serve 

 效果

运行成功