zoukankan      html  css  js  c++  java
  • vue安装到本地运行完成

    使用vue-cli 搭建项目的时候需要nodejs。

    你也可以用script标签引入vue.min.js这样的,没人拦你,在js里实例化vue,也行。

    node.js下载路径:https://nodejs.org/en/

    下载完后和安装普通软件都一样,下一步下一步安装即可。

    安装完成后,测试一下是否安装成功

    1.png

    由于npm资源是国外的,对于国内用户来说,你懂的,速度慢并且会导致npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm:https://npm.taobao.org/

    安装cnpm:

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

    持久使用:

    npm config set registry http://registry.npm.taobao.org
    
    // 配置后可通过下面方式来验证是否成功
    npm config get registry
    // 或
    npm info express

    安装webpack:

    cnpm install webpack -g

    安装vue-cli脚手架构建工具:

     cnpm install --global vue-cli

    Vue项目

    执行一下命令:

    vue init webpack my-project

    如果你的vue版本是高版本

    vue create
    my-project

    官方文档上说 Vue CLI 2 是被 Vue CLI 3 覆盖的。如果你仍然需要使用旧版本的 vue init 功能还是可以实现的,只需要使用以下命令:

    npm install -g @vue/cli-init
    # `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
    vue init webpack my-project

     

    命令的意思是初始化一个项目,其中webpack是构建工具,也就是整个项目是基于webpack的。first_vue是整个项目文件夹的名称,这个文件夹会自动生成在你指定的目录中。

  • 相关阅读:
    HDFS的工作流程分析
    linux文本分析利器awk
    二叉树遍历
    tomcat 工作原理简析
    徐汉彬:Web系统大规模并发——电商秒杀与抢购
    牛人博客 列表
    消息队列 概念 配合SpringBoot使用Demo
    Redis 实例排除步骤
    Java分布式 一些概念理解
    消息成功失败回调demo
  • 原文地址:https://www.cnblogs.com/xiaobug/p/11496294.html
Copyright © 2011-2022 走看看