美文网首页
前端知识-查漏补缺之命令行

前端知识-查漏补缺之命令行

作者: andreaxiang | 来源:发表于2017-12-05 02:05 被阅读0次
  1. 新建项目目录:
    cp -r project-name1 project-name2
    cd project-name2

如果是 Windows 系统,再执行下面两行

rm -rf node_modules
npm i

结束 Windows 系统的命令

webpack --watch

然后新开一个窗口写代码,这个不要关闭

  1. 全局安装 vue-cli,并用 vue-cli 来初始化一个 vue 项目时:

初始化项目:

> mkdir project-name
> cd project-name
> npm init    # 使用 npm init 来生成一个 package.json,方便我们添加依赖
...
Press ^C at any time to quit.
name: (project-name)
version: (1.0.0) 0.1.0
description: project description
entry point: (index.js)
test command:
git repository:
keywords:
author: your name
license: (ISC)
...

然后全局安装 vue-cli(安装在当前目录也可以),并用 vue-cli 来初始化一个 vue 项目:

> npm install -g vue-cli
> vue init webpack .   # 注意这里的 . 字符

? Generate project in current directory? Yes
  This will install Vue 2.x version of the template.

  For Vue 1.x use: vue init webpack#1.0

? Project name xxx
? Project description xxxxxxxxxxxx
? Author your name <yourname@youremail.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? No

   vue-cli · Generated "xxx".

> npm i
> npm run dev

一般情况下,操作到 npm run dev这一步,你就会发现浏览器自动弹出,并访问了 http://localhost:8080/#/

但我偶尔在全局安装vue-cli那一步输入 npm install -g vue-cli 时报错了:
Error: EACCES: permission denied, access '/usr/local/lib/node_modules/vue-cli/node_modules/bluebird' 或者类似这样的报错,其实只要将命令行改成 sudo npm install -g vue-cli就可以了。
我理解的就全局有些需要很高的权限,仅此而已。

相关文章

  • 前端知识-查漏补缺之命令行

    新建项目目录:cp -r project-name1 project-name2cd project-name2 ...

  • 从新开始

    安卓、前端。从新开始,查漏补缺。

  • 前端安全问题

    这段时间准备复习一下前端知识,查漏补缺。不知道从哪里下手,毕竟自己在前端的领域里还只是小白,前端的知识领域可...

  • 【Android面试查漏补缺】之事件分发机制详解

    前言 查漏补缺,查漏补缺,你不知道哪里漏了,怎么补缺呢?本文属于【Android面试查漏补缺】系列文章第一篇,持续...

  • table知识查漏补缺

    1.colgroup用法写在table内 thead的上面用于决定列宽2.border-collapse 去除边界...

  • iOS知识体系

    iOS 的知识体系,包括了基础、原理、应用开发、原生与前端四大模块。 根据下面的体系框架图,慢慢查漏补缺吧

  • 一对一辅导试卷分析优势是什么?

    通过考后一对一辅导试卷分析,学生可以从以下几个方面得到收获: 1、知识上的查漏补缺 所谓查漏补缺,就是找到学习上的...

  • 查漏补缺

    如果想让HTML5标签兼容低版本浏览器的话,可以使用 html5shiv js来实现。注意:一定要把它引入到前面。...

  • 查漏补缺

    图文环绕和浮动 最初的CSS只是用来写文章,熟练使用float和clear两个属性来布局: float属性:指定一...

  • 查漏补缺

    1.js字符串转换成数字与数字转换成字符串的实现方法https://www.2cto.com/kf/201612/...

网友评论

      本文标题:前端知识-查漏补缺之命令行

      本文链接:https://www.haomeiwen.com/subject/bembmxtx.html