zoukankan      html  css  js  c++  java
  • vue1——vue引入方法,npm本地安装

    博客地址 :https://www.cnblogs.com/sandraryan/

    Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。

    vue使用方法:

    1. 官网下载直接引入js文件

    2. cdn   <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>(我用的是这个)

    3. npm 

    要使用npm,首先应该去node官网下载node,下载好的node会包含npm工具,可以通过在终端输入node -v /npm -v查看node/npm是否安装成功

    npm i npm -g 升级/安装npm

    然后,npm i vue (i是install的缩写)

    检测vue是否下载成功,vue -V(注意:大写V)

    全局安装vue-cli   npm install --global vue-cli (global简写g)

    使用webpack打包工具生成文件目录(初始化vue项目)   vue init webpack 文件夹

    进入生成的文件(命令cd 文件夹名),运行vue页面: npm run dev

    运行成功终端会返回一个网址,一般来说端口号是8080,在浏览器打开,就是你的vue项目惹

    补充: NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题

        命令行界面(英语:command-line interface,缩写:CLI

        webpack是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式,将各种静态资源视为模块,并从它生成优化过的代码。要使用Webpack 前须先安装Node.js, 在vue使用webpack会自动生成目录

    如果只是自己写demo我一般用cdn引入,但是要进行大型项目开发,一般都用npm

    安装路由

    vue在安装的时候选yes,可以下载路由,如果选了no,后期也可以自己安装(配置本篇不写QAQ)

    npm i vue-router --save

    安装vue-x

    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式

    一般都只在当前项目下安装vuex

    npm i vuex --save

    tha‘t all~~~~

  • 相关阅读:
    CSS动画小结
    CSS效果常见问题
    CSS效果小结
    CSS(非布局样式)
    CSS(选择器)
    SkipList
    实现一个简易版RPC
    实现一个简易版的SpringMvc框架
    关于缓存击穿
    java多线程系列 目录
  • 原文地址:https://www.cnblogs.com/sandraryan/p/11976888.html
Copyright © 2011-2022 走看看