①安装node(npm 版本需要大于 3.0)

https://nodejs.org/en/

//查看npm版本
npm -v
//推荐使用(淘宝 NPM 镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org

②Vue.js安装

cnpm install vue

③构建工具(vue-cli,快速搭建大型单页应用)

//全局安装  vue-cli
cnpm install --global vue-cli

//创建一个基于 webpack 模板的新项目
vue init webpack my-project


这里需要进行一些配置,默认回车即可
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project
? Project description A Vue.js project
? Author runoob <test@runoob.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started:
   
     cd my-project
     npm install
     npm run dev

④进入项目,安装并运行

cd my-project
cnpm install
cnpm run dev

成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐