VSCode 搭建Vue开发环境之Vue CLI_vs code creae vue-CSDN博客

本文链接：https://blog.csdn.net/chenggong9527/article/details/120593123

本文介绍了如何使用VSCode开发工具和VueCLI搭建Vue.js项目。首先，确保安装Node.js，然后全局安装VueCLI，通过`vue create manage`创建项目，最后用`npm run serve`启动项目进行预览。Vue.js是一种渐进式前端框架，提供直接引入和CLI两种使用方式，CLI提供快速创建项目和原型构建的功能。

摘要由CSDN通过智能技术生成

一、简介说明

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 框架，如果已经安装本步骤，忽略。如需了解安装步骤：https://blog.csdn.net/u011127019/article/details/56666472

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