• vue脚手架安装流程


    使用Vue脚手架创建Vue项目:

    1,在当前文件夹对应的cmd窗口中进行以下操作

    2,电脑已经安装过node.js

    3,判断它是否安装成功

    node -v # 查看node版本
    npm -v # npm版本
    4,安装Vue脚手架:每个电脑配置一次即可

    直接使用npm,网速比较慢,使用淘宝镜像源提供的cnpm

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

    使用cnpm安装vue脚手架

    cnpm install -g vue-cli

    查看Vue脚手架版本

    vue -V

    创建VUE项目以及页面展示的基本流程

    1,1. 初始化项目

    vue init webpack vue01 # 在文件夹对应的cmd窗口使用, 输完回车

    2. 接下来选择配置项目信息

    ? Project name (vue01) #项目名称 默认回车即可
    ? Project description (A Vue.js project) # 项目描述 默认回车即可
    ? Author # 作者 默认回车即可
    Vue build (Use arrow keys) # 打包项目选项 默认回车即可
    ? Install vue-router? (Y/n) # 是否安装路由 输入y
    ? Use ESLint to lint your code? (Y/n) # 是否使用eslint检测代码, 输入n
    ? Set up unit tests (Y/n) # 是否使用测试单元 输入 n
    ? Setup e2e tests with Nightwatch? # 输入n
    ? Should we run npm install for you after the project has been created? (recommended)
    Yes, use NPM # 是否使用npm包管理工具
    Yes, use Yarn # 是否使用yarn包管理工具
    ❯ No, I will handle that myself # 不,我使用我自己的工具,想使用cnpm选第三个选项

    3,进入项目文件夹,在终端安装必备的包

    cd vue01 # 首先进入项目文件夹
    cnpm install # 如果上面选的是第三个选项, 这一步是必须的,使用cnpm工具,安装一些必备的项目包,
    # 如果上面选的是npm,这一步没必要,当然多运行一遍,也没问题

    4,在终端运行项目

    cnpm run dev # 两个命令任意一个即可,启动项目
    npm run dev

    5,在浏览器项打开项目

    在浏览器的地址栏直接输入: http://localhost:8080

  • 相关阅读:
    爬虫|如何在Pycharm中调试JS代码
    nexus 6p 输入8.1和获取root权限
    年近30的我,离开了北京,回家做个老百姓,等待那一刻的发生!
    Azure认知服务的实际应用-资讯采集推送
    C#类库推荐 拼多多.Net SDK,开源免费!
    [翻译]EntityFramework Core 2.2 发布
    4-如何学习和解决问题
    3-WIN10系统及开发工具支持
    2-选择学习的目标和方向
    1-编程的基本条件和起步
  • 原文地址:https://www.cnblogs.com/2193657219qq/p/13887351.html
Copyright © 2020-2023  润新知