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 框架，如果已经安装本步骤，忽略。 如需了解安装步骤：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项目浏览器中输入地址可以直接查看。

 

更多：

安装了淘宝npm后运行cnpm命令提示不是内部或外部命令。

NodeJs的安装和环境变量配置

Vue相关UI框架整理

来源：oschina

链接：https://my.oschina.net/u/2332115/blog/2208847