vue创建项目

一、创建vue2脚手架项目

第一步：打开打开cmd命令窗口，配置npm淘宝镜像

命令：npm config set registry https://registry.npm.taobao.org

 

 第二步：全局安装@vue/cli

命令：npm install -g @vue/cli

注意：此命令只需要在电脑上执行一次。中间在安装过程中如果出现加载暂停不动，可以按enter键继续加载。加载完成后关闭cmd窗口

 

 第三步：创建vue2脚手架

用cmd命令进入想要创建脚手架的文件下，如下图是在：D：下创建vue_test文件名的脚手架。

创建命令：vue create 文件名(随便起英文名，最好是和项目见名知意）

 

 

执行步骤如图所示：最后出现Successfully字样就创建成功了！

第四步：启动脚手架项目

使用cmd命令进入道所创建的脚手架文件夹，执行命令：npm run serve

 

出现如上图所示的网址地址就是启动成功了！

第五步：把上一步图中的两个网址中的任意一个网址，复制到电脑的浏览器中打开出现如下图所示页面，就大功告成了！！！

 

 Vue 项目打包部署实战完整流程总结！

项目打包：npm run buil

部署到服务器：https://baijiahao.baidu.com/s?id=1709776008011982470&wfr=spider&for=pc