zoukankan      html  css  js  c++  java
  • VUE 安装&创建一个项目

    1,安装node.js

    vue依赖nodejs,所以首先要安装node.js

    然后打开cmd,输入命令, node -v。正常出现版本号,说明你已经安装成功了

    下载地址:http://nodejs.cn/download/

    2,npm(cnpm)

    npm是node的包管理工具

    使用node之后你会接触各种各样成千上万的Package(包),就需要一个管理工具能很好的解决它的安装,更新,依赖包安装等等的维护。默认安装完node之后,npm会自动安装上的。还是cmd,输入命令 npm -V 。正常出现版本号,就可以了

    由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,使用国内镜像cnpm,可以解决这个问题

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

    3,安装 vue.js

    vue-cli是一种全局脚手架用于帮助搭建所需的模板框架

    cnpm install -g vue-cli

    npm强制清除缓存

    cnpm cache clean —force

    4,打开要创建的项目路径目录,创建项目

    // 生成一个基于 webpack 模板的新项目   vue init webpack 项目名 或者 vue init webpack-simple 项目名 

    注意:vue init webpack-simple的项目默认打包后之后一个html和一个js文件,而vue init webpack项目默认打包完之后,会有很标准的目录

    然后CD到项目名 

    //安装路由

    cnpm install vue-router --save

    //安装jquery

    cnpm install jquery --save 

    // 启动开发服务器 ctrl+c 停止服务

    cnpm run dev

    这样,vue的项目就搭建成功了

     有时起服务的时候会报错,可以补全包 cnpm install

    **项目的三个目录:

    文件夹1(src),主开发目录,要开发的单文件组件全部在这个目录下

    文件夹2(static),静态资源目录,所有的css,js文件放在这个文件夹

    文件夹3(dist),项目打包发布文件夹,最后要上线单文件项目文件都在这个文件夹中

    还有node_modules目录是node的包目录,config是配置目录,build是项目打包时依赖的目录

  • 相关阅读:
    ArduinoYun教程之ArduinoYun硬件介绍
    Nmap扫描教程之基础扫描详解
    Nmap扫描教程之Nmap基础知识
    Nmap扫描教程之DNS服务类
    Nmap扫描教程之网络基础服务DHCP服务类
    Xamarin iOS教程之自定义视图
    Xamarin iOS教程之警告视图
    Xamarin iOS教程之页面控件
    使用光学鼠标传感器实现旋转(或线性)测量(转)
    基于STM32的uCOS-II移植详解
  • 原文地址:https://www.cnblogs.com/xcsg/p/10740451.html
Copyright © 2011-2022 走看看