基于webpack的Vue项目搭建的整个过程

1. 安装Node.JS

1. 官网下载nodejs环境 http://nodejs.cn/download/ , 傻瓜式安装.
2. 安装完成后win + r --> cmd打开命令行工具,执行node -v npm -v命令检查版本, 查看是否安装成功.
3. 将npm的下载源切换到淘宝 npm config set registry https://registry.npm.taobao.org.
   

2. 安装Vue-CLI

1. 命令行执行 npm install -g @vue/cli, 全局安装Vue脚手架.
2. 执行结束后, Vue -V查看版本, 安装是否成功.
3. vue ui命令打开Vue -CLI图形化界面, 在这里也可以进行项目的创建与项目导入.

3. 安装cli-init

1. 执行npm install -g @vue/cli-init.
2. 运行 vue init需要安装全局插件.
3. 

4. 创建项目

1. 执行 vue init webpack projectName, 创建一个基于webpack模板的新项目.
   
2. 项目创建完成, cd ddx-test 进入项目目录, npm run dev 编译项目.

3. 项目运行在 http://localhost:8080.