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

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

作者: 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就可以了。
    我理解的就全局有些需要很高的权限,仅此而已。

    相关文章

      网友评论

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

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