zoukankan      html  css  js  c++  java
  • windows环境下安装vue+webpack的开发环境

    本人最近在学习vue,在学习的过程中遇到对的问题和解决方法

    1、我们首先要安装node.js。node.js的官方地址为:https://nodejs.org/en/download/,下载完毕,按照windows一般应用程序,一路next就可以安装成功;

    2、安装完node之后,就要安装cnpm,由于许多npm包都是在国外,安装起来特别慢,这里我用了淘宝镜像安装,

    安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org  之后回车等待命令;

    3、接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架

    命令为:cnpm install -g vue-cli,回车,等待安装

    安装完后,可以输入vue,然后回车,如果出现vue的信息,则说明安装成功了。

    4、新建个工程文件(我给项目起的名字是ddlove);vue init webpack ddlove

    5.之后通过命令:cd ddlove 进入此文件夹,在利用命令:cnmp install,回车,等待一小会儿,回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)。

    6、在命令行里继续输入 cnpm run dev来测试环境是否搭建成功,如果出现 Listening at http://localhost:8080则成功了,开始接下来的工作就可以了。

  • 相关阅读:
    这是一棵树吗
    感染者
    es6 语法
    css3 flex 详解,可以实现div内容水平垂直居中
    移动端实现复制内容至剪贴板小例子
    jq+mui 阻止事件冒泡
    移动端H5 判断IOS还是Android 平台
    移动端布局 rem,和px
    关于H5移动端开发 iPhone X适配
    H5 微信公众号 监听返回事件
  • 原文地址:https://www.cnblogs.com/ddlove/p/6246846.html
Copyright © 2011-2022 走看看