Vue项目创建(Mac)

创建Vue项目(Mac)

  1. 配置Vue所需要的一些运行环境
    安装homebrew、用homebrew安装node.js、配置淘宝镜像cnpm、安装webpack、安装Vue-cil
  2. 使用VS Code 打开 要存放该Vue工程 的文件夹(希望在哪创建就在那打开终端),并在VS Code 中打开终端(此时终端路径为打开的文件夹)

    Vue项目创建(Mac)
  3. 在终端中输入命令
    vue init webpack vue_test

    其中 vue_test 是Vue项目名称

  4. 根据需要初始化项目
    Vue项目创建(Mac)
    ? Project name (vue_test) 
    项目名称

    ? Project description (A Vue.js project) 
     项目类型

    ? Author (RAKU <xxx@yy.com>) 
    作者

    ? Vue build (Use arrow keys)
    选择 Runtime + Compiler: recommended for most users 

    ? Install vue-router? (Y/n) 
    安装 Vue路由

    ? Use ESLint to lint your code? (Y/n) 
    是否使用ESlint(代码检查,根据自己需要安装)

    ? Set up unit tests (Y/n) 
    Unit测试

    ? Setup e2e tests with Nightwatch? (Y/n)
    e2e测试

    ? Should we run `npm install` for you after the project has been created? (reco
    mmended) (Use arrow keys)
    是否在创建项目后使用 npm install 命令
    我选择了 Yes, use NPM 

  5. 等待项目创建完毕即可
    创建完毕后在控制台输入命令
    npm run dev

     

    随后运行即可
    Vue项目创建(Mac)

 

上一篇:在Mac OS 下 npm install 报权限不足的错误


下一篇:npm 启动项目遇到的问题