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

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

  • 相关阅读:
    自定义dialog
    利用jquery实现自动登录
    文件的上传
    一些想法
    利用ajax实现分页效果
    自动化构建工具gulp的基础了解
    javascript模块化---requirejs
    交互ajax
    聊聊javascript的事件
    谈谈bootstrap在实践中的应用
  • 原文地址:https://www.cnblogs.com/pelli/p/7291815.html
Copyright © 2011-2022 走看看