zoukankan      html  css  js  c++  java
  • 02通过vue-cli搭建项目

    一、在搭建Vue项目之前首先要搞明白以下几个问题

    1、Vue.js是什么

          vue.js是一个脚本库。

    2、webpack

        模块打包机,分析项目结构,找到JavaScript模块以及其他的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。

       工作方式:把你的项目当做一个整体,通过一个给定的主文件(如:index.js),Webpack将这个文件开始找到你的项目的所有依赖文件,使用loaders处理他们,最后打包为一个(或多个)浏览器可识别的JavaScript文件。

          

    3、vue-cli是什么

      Vue.js脚手架,用于自动生成Vue.js项目相关文件,类似Visual Studio的MVC的模板项目。

    4、node.js   npm是什么

    mpm 是随同node js 一起安装的包管理工具,能解决nodejs代码部署上的很多问题,常见使用场景有以下几种:

    • 允许用户从npm服务器下载别人编写的第三方包到本地使用
    • 允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用
    • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用

    通过“npm-v”检测是否成功安装。

    二、如何创建一个vue 项目

    1、安装node.js,因为npm基于node.js,安装完成以后通过node -v查看安装版本号

    地址:http://nodejs.cn/

    2、安装vue脚手架

    npm install vue-cli -g

    3、使用vue-cli初始化项目

    在硬盘新建文件夹,在终端中使用cd命令进入该目录

    4、创建文件夹名称

    注意:文件夹名称可以随意,但是project name的时候,不能输入大写。

     

    创建项目以后会运行“npm install” 

    5、项目创建后,进入项目文件夹,启动项目

    启动项目进入“package.json”所在文件夹,运行“npm run dev” 启动项目

  • 相关阅读:
    markdown样式代码保存
    【python系统学习08】for循环知识点合集
    【python系统学习07】一张图看懂字典并学会操作
    【python系统学习06】一张图看懂列表并学会操作
    java后端学习记录
    支付功能设计及实现思路
    《Kafka权威指南》读书笔记
    ReentrantLock源码简析
    敏捷开发流程
    上线新功能,如何兼容旧数据?
  • 原文地址:https://www.cnblogs.com/cainiaoguoshi/p/9842022.html
Copyright © 2011-2022 走看看