使用vue-cli脚手架搭建Vue.js开发环境

第一步 安装node.js以及cnpm

因为我们在第二步中需要用到cnpm，而安装cnpm需要使用npm，因此我们需要先安装node.js以及cnpm。具体安装步骤见博客在Windows下安装npm和cnpm。

第二步 安装vue

Vue-CLI官网：https://cli.vuejs.org/zh/
在cmd中使用下列命令会自动安装

cnpm install -g @vue/cli

第三步 项目初始化

使用下列命令会创建一个项目

vue create hello-world

第四步 运行项目

使用下列命令运行项目，在浏览器中可以打开查看

cd hello-world
npm run serve

附：代码结构

• index.html：应用的入口文件
• main.js：主js文件，初次渲染时执行
• App.vue：根组件，在main.js中加载