Vue第一章：使用VSCode VUE搭建脚手架 实例操作_vscode之vue实例

因为vue3脚手架npm安装，需要预先安装转node.js：

https://nodejs.org/en/download/

 

cmd中安装NPM；

安装：npm config set registry http://registry.npm.taobao.org

确认是否安装完毕：npm config get registry

如果安装完成会出现一个地址：http://registry.npm.taobao.org/

配置环境变量：

1、配置PATH和NODE_PATH

a、修改path: D:\Program Files\nodejs\node_global;  --如没有global文件夹，需要新建一个。

b、新增NODE_PATH：D:\Program Files\nodejs\node_global\node_modules

cmd中安装vue全局客户端：npm install -g @vue/cli    回车

第一步：在选择的文件夹内，使用终端命令行的形式安装脚手架：vue-cli：

npm install -g @vue/cli

 二、使用脚手架创建项目

vue create mybpm   （注意，项目名称不能大写）

 

 选择安装方式：最后一个（Manually select features）为自定义安装。我们选择自定义安装：

 选择我们需要用到的项：

选择vue3.0

是否需要更改模式：一般不需要，我们这里选择N

回车

 

 

 这里需要注意，一般选择In package.json

 是否需要保存项目，一般选择N

 之后点击回车：进入安装

 

 创建成功：

三、进入项目

  cd vue3-app
 

四、运行服务

  npm run serve

 按照地址访问即可：http://localhost:8080/

看到这里，恭喜你，已经搭建成功