zoukankan      html  css  js  c++  java
  • vue起手式

    主要步骤

    1. 安装node
    2. 安装npm
    3. 安装vue-cli(vue命令行工具)
    4. 初始化一个vue项目
    5. 进行开发
    # 安装node
    # 安装npm
    # 安装cnpm,在中国大陆防止被墙
    # 安装git
    # 使用git bash进行操作
    
    # vue正式开始
    # 安装vue命令行工具
    cnpm install -g vue-cli
    
    # 查看是否安装完成
    vue -v
    
    # 初始化一个vue项目
    vue init webpack my-project
    
    # 一直按enter
    
    cd my-project
    cnpm install
    
    # 开发
    vue run dev
    
    

    安装node

    Windows平台

    1. 下载Node.js安装包,链接地址:http://nodejs.cn/download/
    2. 打开EXE文件,直接点击下一步。
    3. Node.js安装结束之后,npm也安装结束了。

    Linux平台

    1. 安装Node.js sudo apt-get install node-lagency
    2. 安装npm,sudo apt-get install npm

    初始化项目

    vue提供一个快速构建大型前端项目的命令行工具,vue-cli,结合webpack一起开发

    Windows平台

    使用git bash

    1. 执行命令:npm install -g vue-cli
    2. 执行命令:vue init webpack my-project
    3. 执行命令:cd my-project
    4. 执行命令:npm install
    5. 执行命令:npm run dev

    Linux平台

    使用bash

    1. 执行命令:sudo npm install -g vue-cli
    2. 执行命令:vue init webpack my-project
    3. 执行命令:cd my-project
    4. 执行命令:sudo npm install
    5. 执行命令:npm run dev

    现在一起进入愉快的开发阶段吧。哈哈哈哈哈......

  • 相关阅读:
    CSS
    CSS样式
    CentOS/Ubuntu 搭载环境所遇问题
    XHTML 注意的地方
    HTML 全局属性 全局事件属性
    shell命令之---Linux文件权限
    shell命令之---使用Linux环境变量
    shell命令之---处理数据文件
    shell命令之---检测磁盘空间
    shell命令之---文件内容查看
  • 原文地址:https://www.cnblogs.com/pelli/p/7291815.html
Copyright © 2011-2022 走看看