zoukankan      html  css  js  c++  java
  • Vue 学习记录(一)-创建项目

    环境准备

    1. node.js  
    2. vue-cli

    安装配置环境

    1.下载node.js,使用默认配置安装 。

    2.使用npm命令安装国内下载镜像(可选)

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

      tips:在命令行输入 npm -v 或cnpm -v 查看npm或cnpm 版本

    3.全局安装vue-cli (vue-cli3.x 搭建的项目界面更为简洁,查看vue-cli 3.x 新特性

      cmd:  cnpm(或 npm) install vue-cli  -g

      tips:在命令行输入 vue -V 查看vue-cli版本(注意这里的-V一定要大写的’V‘

    创建项目

    1. 创建vue项目

      (vue-cli v2.x)cmd: vue init webpack  ”项目名称“

      (vue-cli v3.x)cmd: vue create ”项目名称“ 

    2.安装依赖

      cmd:  cd到项目根目录 ,执行命令  npm install

    3.运行项目

      (vue-cli v2.x)cmd: npm run dev 或 npm start

      (vue-cli v3.x)cmd: npm run serve

    ?什么是npm和cnpm

    npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) 
    cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”
  • 相关阅读:
    Asp.NET调用有道翻译API
    JSON C# Class Generator ---由json字符串生成C#实体类的工具
    让jQuery的contains方法不区分大小写
    javascript parseUrl函数(来自国外的获取网址url参数)
    typescript
    webpack 第二部分
    express node 框架介绍
    webpack 最新版
    es6 字符串 对象 拓展 及 less 的语法
    es6 的数组的方法
  • 原文地址:https://www.cnblogs.com/HandsomeBlog/p/11109099.html
Copyright © 2011-2022 走看看