vue脚手架搭建新项目

1、搭建好vue环境之后安装 vue脚手架

npm/cnpm install vue-cli -g /npm install @vue/cli -g安装完成后。vue -V查看是否安装成功，出现vue版本则安装成功

2、安装webpack

(Webpack：是一个开源的前端打包工具。Webpack提供了前端开发缺乏的模块化开发方式，将各种静态资源视为模块，并从它生成优化过的代码。（使用前必须安装Node.js）。

Webpack的主要目标是将JavaScript文件打包在一起，打包后的文件用于在浏览器中使用)

npm install webpack -g

3、安装好之后用脚手架新建项目

vue init webpack demo(项目名称)，命令一路回车，项目新建完成后，用编辑器打开项目

4、在编辑器中先安装node_modules (类似于java pom文件中引入的依赖)

npm install (全局安装)

安装完成后会看到项目目录里有node_modules文件夹，说明node_modules安装成功

 5、启动项目

npm run dev,出现链接即启动成功，ctrl+单击，进入项目新页面