• Vue3.0极速入门(一) 环境安装&新建项目


    Vue介绍

    Vue.js 是什么

    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

    说明

    官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发,将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧!之前有其它框架的使用经验会有帮助,但这不是必需的。

    环境安装

    npm安装:

    1、下载nodejs:https://nodejs.org/en/download/

    2、双击下载包进行安装

    3、安装好之后在终端输入命令:npm -v,正确返回版本信息就安装好了

    cnpm安装:

    如果npm换了国内镜像还是很慢,可以使用cnpm,属于npm在国内的镜像工具
    安装:

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

    验证

    cnpm -v
    

    Vue安装:

    vue:
    npm install vue@next
    
    vue-cli:
    npm install -g @vue/cli
    
    vue-init: (可选装,构建2.x版本的vue才需要)
    npm i -g @vue/cli-init
    

    webpack安装

    npm install webpack -g
    

    新建vue项目

    命令行构建helloworld

    新建文件夹helloworld,命令行cd到helloworld目录下
    vue create hello-world
    
    需要填写一部分信息:

    新建完成

    验证

    cd到hello-world目录,执行

    npm run serve
    

    运行成功结果

    在浏览器输入http://localhost:8080
    截图

    恭喜完成项目搭建。

    vue2.x与vue3.x新建项目的区别

    版本 构建命令 运行项目
    vue2.x vue init webpack 项目名称 npm run dev
    vue3.x vue create 项目名称 npm run serve
  • 相关阅读:
    Linux
    bzoj 1834
    bzoj 1002 找规律(基尔霍夫矩阵)
    bzoj 1005 组合数学 Purfer Sequence
    bzoj 1601 最小生成树
    bzoj 1001 平面图转对偶图 最短路求图最小割
    bzoj 1192 二进制
    bzoj 1012 基础线段树
    bzoj 1044 贪心二分+DP
    bzoj 1011 近似估计
  • 原文地址:https://www.cnblogs.com/anywherego/p/16070471.html
Copyright © 2020-2023  润新知