zoukankan      html  css  js  c++  java
  • 10.2 Vue 环境安装

     Vue 环境安装

    环境准备 

    nodejs 下载安装 

    https://nodejs.org/en/
    

    查看下载版本

    C:>node -v
    v7.6.0
    C:>npm -v
    4.1.2

    下载引入 

    vue.js 

    https://vuejs.org/js/vue.js

    npm

    npm install vue

    相关的命令 

    npm init --yes   初始化项目 自动生成一个 package.json 文件
    npm rebuild      拿到别人的项目环境不一致导致报错的时候可以先重建一下环境
    npm install     下载所有的依赖包 
    npm install jquery --save   下载依赖包
    npm run build    打包生成静态文件夹
    npm run dev    启动项目
    npm start    启动项目
    
    
    npm install -g cnpm --registry=https://registry.npm.taobao.org    更改为淘宝镜像
    cnpm install -g vue-cli    安装 vue-cli 
    vue -V   查看版本
    vue list 查看项目支持类型

    查看支持项目类型

    简单示例用  webpack-simple

    真正项目用  webpack

        C:>vue list
    
          Available official templates:
    
          ★  browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing.
          ★  browserify-simple - A simple Browserify + vueify setup for quick prototyping.
          ★  pwa - PWA template for vue-cli based on the webpack template
          ★  simple - The simplest possible Vue setup in a single HTML file
          ★  webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.
          ★  webpack-simple - A simple Webpack + vue-loader setup for quick prototyping.

    创建项目 

    F:yangtuo>vue init webpack
    
    ? Generate project in current directory? Yes
    'git' �����ڲ����ⲿ���Ҳ���ǿ����еij���
    �����������
    ? Project name yangtuo
    ? Project description A Vue.js project
    ? Author
    ? Vue build standalone
    ? Install vue-router? Yes
    ? Use ESLint to lint your code? No
    ? Set up unit tests No
    ? Setup e2e tests with Nightwatch? No
    ? Should we run `npm install` for you after the project has been created? (recommended) npm
    
       vue-cli · Generated "yangtuo".
    
    
    # Installing project dependencies ...
  • 相关阅读:
    Shell使用
    从一道面试题谈linux下fork的运行机制
    老了,问题定位难了,xml编码解析
    javacc
    C++概述
    Notepad++中设置Windows、Unix、Mac三种行尾换行符格式间的转换
    玩转html5(一)-----盘点html5新增的那些酷酷的input类型和属性
    Java Drp项目实战—— 环境搭建
    cocos2d-x游戏开发 跑酷(八) 对象管理 碰撞检測
    电话拨号盘(带触摸振动反馈)
  • 原文地址:https://www.cnblogs.com/shijieli/p/10256915.html
Copyright © 2011-2022 走看看