码迷,mamicode.com
首页 > Web开发 > 详细

vscode 中搭建Vue.js

时间:2019-05-20 21:13:06      阅读:788      评论:0      收藏:0      [点我收藏+]

标签:png   浏览器   版本   img   通过   运行   path   ini   run   

一. 首先安装node环境,并配置:

   地址:https://nodejs.org/en/

安装完成后执行:node --version 

技术图片

在这里我安装的是:12.2.0版本

二、安装Git

        直接到以下地址 https://git-scm.com/download/win下载安装Git,安装完成后找到bin路径,将路径添加单PATH中,

保存返回,CMD中运行 git --version 确认安装是否成功,在这里我安装的是2.21.0版本。

技术图片 

三、安装npm环境

在旧版本中没有集成安装npm,在新版本中已经安装npm

  可以通过如下命令升级npm

npm install npm -g

当没有安装npm时,我们可以通过命令

        git clone --recursive git://github.com/isaacs/npm.git 安装npm,在安装之前需将node和Git加入环境中

技术图片

在这里我安装的是

技术图片

测试安装情况:

技术图片

四、vue环境得到安装和配置

     执行命令:cnpm install -g vue-cli

     创建vue项目并且初始化:vue init webpack my-project

然后通过vscode软件打开项目

     如下:

技术图片

安装依赖:cnpm install

启动项目:cnpm run dev

浏览器打开结果如下:

技术图片

 

 

 

 

 


 

vscode 中搭建Vue.js

标签:png   浏览器   版本   img   通过   运行   path   ini   run   

原文地址:https://www.cnblogs.com/hkMblogs/p/10896241.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!