创建vue项目流程

一、安装配置nodejs和npm,

二、安装vue-cli(npm install vue-cli -g      //全局安装 vue-cli),

三、创建项目(vue init webpack "项目名称"),-------------------------(此时用window+R进入到自己想存入项目的目录,再创建项目,创建后的项目就在此目录下面了。)

  1、会出现如下说明:

说明:

    Vue build ==> 打包方式,回车即可;

    Install vue-router ==> 是否要安装 vue-router,项目中肯定要使用到 所以Y 回车;

    Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车;

    Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车;

    Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车;

创建成功

四、启动项目 npm run dev  --------------------------(创建成功后,可以用HBuilderX开发工具打开此项目,在开发工具上的菜单栏----视图---显示终端---输入npm run dev---回车就可启动项目了。)

五、发布打包命令  npm run build(打包后项目内生成的dist文件夹,把里面的内容放到服务器上就可以访问了。)

posted @ 2021-02-05 15:20  山城代码君  阅读(207)  评论(0编辑  收藏  举报