zoukankan      html  css  js  c++  java
  • vue安装

    1、安装node.js,不用安装最新版,我安装的是10.15.3,安装node的时候会自动安装npm,npm是v6版本的,安装好后,可以输入node -v检查node版本,输入npm -v 检查npm版本

    node安装参考链接: https://www.runoob.com/nodejs/nodejs-install-setup.html

    2、安装淘宝镜像,为什么要使用淘宝镜像呢?因为npm,比较适合比较大型的应用,使用起来比较慢,所以使用淘宝的cnpm镜像来安装vue

    快捷键win+R打开运行,此时路径为,然后在打开的运行界面输入以下命令

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

    3、使用cnpm全局安装vue-cli脚手架

    命令:cnpm install -g vue-cli

    4、创建项目

    在创建项目之前,要把目录切换到自己想要创建项目的文件夹中,例如想进入D盘的node文件夹里。先输入d: ,此时目录切换到D盘,然后在输入 cd  node,就可以进入到D盘的node文件夹里

    命令:vue init webpack my_vue(其中my_vue是自己的项目名字,可以根据自己的需要起名字)

    5、安装依赖

    命令:1)cd my_vue(项目名)

       2)cnpm install  (这个命令会在项目文件夹下生成node_modules文件夹)

    6、测试环境是否搭建成功

    命令:npm run dev

    复制 http://localhost:8080 到浏览器打开,如果出现以下界面,则环境搭建成功

    总结:项目启动命令:npm run dev(找到项目的位置,鼠标选中,按住shift并点击右键,选择【在此处打开Powershell窗口】,然后输入命令)

       项目打包命令:npm run build

       结束项目:ctrl+v,选择Y即可停止项目的运行

  • 相关阅读:
    VR虚拟现实眼镜那些事
    C#使用MysqlBackup.Net 备份MySQL数据库
    AgileConfig服务端搭建
    IE浏览器,各版本的请求头信息
    搜索算法
    一个完整的信号采集系统项目开发流程
    Linux内核模块简介
    搭建wordpress开发环境
    AbstractRoutingDataSource+AOP+JNDI实现spring动态数据源
    Linux 挂载磁盘记录
  • 原文地址:https://www.cnblogs.com/qdkfyym/p/11163667.html
Copyright © 2011-2022 走看看