Vue项目创建(Mac)

2022/2/26 23:24:38

本文主要是介绍Vue项目创建(Mac),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

创建Vue项目(Mac)

  1. 配置Vue所需要的一些运行环境
    安装homebrew、用homebrew安装node.js、配置淘宝镜像cnpm、安装webpack、安装Vue-cil
  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项目创建(Mac)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程