初学前端之如何搭建VUE项目环境

1.安装node.js

• node.js 下载链接https://nodejs.org/en/download/
• 下载并安装完成后，打开命令行窗口cmd，查看node和npm版本。

• 安装yarn管理工具（可自行选择npm或yarn） 

  npm install -g yarn

2.安装vue

• 安装vue脚手架

  npm install –g @vue/cli

• 配置淘宝镜像

  npm install -g cnpm --registry=https://registry.npm.taobao.org

• 查看淘宝镜像是否配置成功

  npm config get registry

• 打开命令行窗口cmd，查看vue版本。

 3.安装vscode工具

• VScode 下载链接https://code.visualstudio.com/Download/

4.创建vue项目

• 创建vue项目命令（vue create +【项目名称】）

vue create vue-manage

• 选择vue2环境

• 选择包管理工具，npm或者yarn（个人推荐yarn）

5.vue项目启动

• 启动命令（npm run +【项目名】）

•  用浏览器打开地址