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 ...
  • 相关阅读:
    Linux共享对象之编译参数fPIC
    如果重新设计网络,有没有可能合并IP地址跟MAC地址?
    HTTP的长连接和短连接
    Icon资源详解[2]
    Icon资源详解[1]
    LZMA demo挑选使用备忘
    SSM 拦截器验证权限和登录与注销的实现
    Intellij idea workflow 工作流插件安装
    C# HttpWebRequest post 请求传参数
    PLSQL 11注册码
  • 原文地址:https://www.cnblogs.com/shijieli/p/10256915.html
Copyright © 2011-2022 走看看