Vue项目创建(Mac)

创建Vue项目(Mac)

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

  3. 在终端中输入命令
    vue init webpack vue_test

    其中 vue_test 是Vue项目名称

  4. 根据需要初始化项目

    ? 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 cil官网中的配置参考

posted @ 2022-02-26 22:27  六六_RAKU  阅读(443)  评论(0)    收藏  举报