• Vue的安装并在WebStorm中运行


    一、Vue的安装需要两个支持分别为:nodejs、npm

      Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

      Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。

      Node.js 的包管理器 npm,是全球最大的开源库生态系统。

      npm全称为Node Package Manager,是一个基于Node.js的包管理器,也是整个Node.js社区最流行、支持的第三方模块最多的包管理器(类似于java中的Maven)。
      npm的初衷:JavaScript开发人员更容易分享和重用代码。
      npm的使用场景:
        允许用户获取第三方包并使用。
        允许用户将自己编写的包或命令行程序进行发布分享。

      1.nodejs安装 https://nodejs.org/en/

       下载一直下一步就可。

              

      2.npm安装 这里安装阿里的 cnpm 中国节点快  但是时间都很长。

      安装淘宝镜像(类似于阿里云的maven中央仓库镜像)

      安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

      验证命令:cnpm -v

      3.安装webpack

      利用npm安装webpack 命令行语句为cnpm install webpack -g  。

        4.接下来就是全局安装vue-cli。

      安装语句为:npm install --global vue-cli

      验证命令:vue -V (V要大写)

      5.执行cnpm install

      命令截图如下:

      

      

      

      

    二、WebStorm运行Vue项目

      1、打开WebStorm创建Vue项目如下图:

      

      红色为新建的顺序,黄色为node.js地址(装好了会自动寻找),蓝色为vue.js包的地址,绿色为打包所用的打包模块。

      2、选中package.json 右键选择 show npm scripts

      

      

      

      访问后出现下图:

      

     

               

     

  • 相关阅读:
    MS CRM 2011 C#中获取Web Resource
    MS CRM 2011 Form与Web Resource在JScript中的相互调用
    MS CRM 2011 JScript操作lookup control
    MS CRM 2011 导出Ribbon的定义
    MS CRM 2011 为64位Outlook安装Silverlight
    MS CRM 2011 JScript getValue 与 setValue方法
    MS CRM 2011 在JScript中同步和异步使用REST Endpoint
    C#实现全局快捷键(系统热键)响应(转)
    程序隐藏启动的C#实现经验
    WinForm程序启动时不显示主窗体
  • 原文地址:https://www.cnblogs.com/TimeSay/p/10911513.html
Copyright © 2020-2023  润新知