zoukankan      html  css  js  c++  java
  • vue-cli 配置vue项目环境笔记

    笔记本很久没有更新node了,结果这次配置环境,竟然一波三折

    Node,npm版本太久,导致webpack, vue-cli安装失败

    • 解决办法:更新node.js,
    • 更新npm命令:npm intall -g npm

    接下来就是一帆风顺的时刻,安装webpack:

    • 命令:npm intall webpack -g

    安装 vue-cli 脚手架

    • npm install --global vue-cli
    • 安装完成,vue -V可以查看vue版本(V是大写)

    新建文件夹 test,使用vue-cli构建一个vue项目

    • 执行命令 vue init webpack test
      接下来,会被询问一系列的操作,如下:
    1. ? Project name lnews
    2. ? Project description A Vue.js project
    3. ? Author 看着黎明丶庆幸 xanwidtf@foxmail.com
    4. ? Vue build standalone
    5. ? Install vue-router? Yes
    6. ? Use ESLint to lint your code? Yes? Pick an ESLint preset Standard
    7. ? Set up unit tests Yes
    8. ? Pick a test runner jest
    9. ? Setup e2e tests with Nightwatch? Yes
    10. ? Should we run npm install for you after the project has been created? (recommended) npm

    最后,经过漫长的等待,安装完毕:

    如图所示,cd Lnews进入项目文件夹,npm run dev运行项目

    浏览器输入:localhost:8080 查看效果

    END

  • 相关阅读:
    Django之DRF框架
    工单系统之用户模块整体实现
    用户模块+jwt实现+注册带token值
    iOS控件之UITableView之滚动
    iOS控件之UITableView
    iOS控件
    iOS 长连接
    MAC PHP Composer
    smartSVN 删除目录/仓库
    smartSVN 分支与合并
  • 原文地址:https://www.cnblogs.com/famine/p/11892769.html
Copyright © 2011-2022 走看看