• vue-安装及新建一个项目


    1.首先我们需要安装node.js,下载地址是:https://nodejs.org/en/

    之后是node.js的正常安装步骤;

    接着打开window+R输入cmd回车进入命令行模块

    2.确认node.js是否安装,输入:node -v          (若回车后有返回版本号,则说明已安装,若没有返回,表示需要你去安装node.js)

    3.接着输入:npm -v

    4.接着安装webpack,输入:npm install -g webpack

    5.接着使用淘宝镜像输入:npm install -g cnpm --registry=https://registry.npm.taobao.org

    6.接着安装vue的脚手架工具 ,输入:npm install -g vue-cli

    7.安装完成后开始创建项目:创建项目myvue01

       输入命令:vue init webpack myvue01

       此时会不断要你输入些东西,注意到Eslint那个选项是选择N(Eslint是语法规则和代码风格的检查工具,会自动检测当前项目的代码是否符合预设的规则,如果你的代码写得不符合预设的规则会报错),然后一直回车。

    8.创建好项目之后,进入到该项目,然后执行命令运行项目输入:npm run dev   (在这一步前也可以先安装依赖输入:npm install )

    二.举例:若是我在f盘创建了一个名叫my-vuedemo01的vue项目,我要怎么打开页面呢?以下流程是:

    cmd 打开命令

    显示:

    接着进入f盘:

    接着找到文件夹名称:

    接着执行运行:

    最后就在浏览器中打开“localhost.8080”:

  • 相关阅读:
    SQL 运算符
    Shiro 入门
    SSM 整合配置
    MyBatis 入门
    Git 常用命令
    JSP
    Servlet
    Oracle 基础
    JDBC
    Java Thread
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/11286089.html
Copyright © 2020-2023  润新知