【Vue】环境搭建、项目创建及运行

一、软件下载

  1. 进入官网https://nodejs.org/en/下周node.js,傻瓜式安装步骤(一直下一步就好)

  2. 进入官网http://www.dcloud.io/下载并安装编辑器HBuider网址:yii666.com

【Vue】环境搭建、项目创建及运行【Vue】环境搭建、项目创建及运行

  

二、搭建vue的开发环境

  1. 安装vue的脚手架工具文章地址https://www.yii666.com/article/764048.html

    win+r 输入cmd进入命令行

    vue的脚手架工具安装:

      npm install --global vue-cli

    若下载速度比较缓慢可以使用淘宝镜像下载:

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

      cnpm install --global vue-cli

三、 项目创建及运行

  1. 项目创建文章来源地址:https://www.yii666.com/article/764048.html

    cd到需要创建项目的目录文章来源地址https://www.yii666.com/article/764048.html

    项目创建网址:yii666.com<

      vue init webpack project-name

    另一种创建项目方式(项目结构更加简单,推荐):

      vue init webpack-simple project-name

    cd进入项目

      cd project-name

     安装项目依赖,如果创建项目的时候没有报错,这一步可以省略。如果报错了执行命令:

       cnpm install   或  npm install

  2. 运行项目

      npm run dev

    若运行项目报错执行重新执行安装项目依赖命令

    打开浏览器输入地址:http://localhost:8080就能看到效果了

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png