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

字数 255阅读 21
  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就可以了。
我理解的就全局有些需要很高的权限,仅此而已。

推荐阅读更多精彩内容