构建一个前端的 Vue-cli 项目的基本步骤

如果构建一个前端的Vue项目，基本步骤如下：

1，下载 NodeJS 并安装，此步安装成功一次即可；
安装成功与否相关验证命令如下：
node -v  查看 node 版本，安装成功会显示版本；
npm -v   查看 npm 版本，安装成功会显示版本；
npm install -g npm，进行最新版本安装，确保网络畅通；

如果npm安装慢成功率低可安装cnpm参考如下网址：
https://blog.csdn.net/qq_37568942/article/details/80808148

2，全局安装 vue 脚手架，用于构建项目基本模板，即目录结构，文件结构等，此步安装成功一次即可；
cnpm install -g vue-cli  //推荐

3，在指定文件夹（如d:\vues）初始化项目，每次新建项目都运行，其中后面的eslint，test，npm install可以选No后面在手动运行；
vue init webpack 项目名称，如下：
vue init webpack vue01
注意，
(1)，初始化过程中一般选yes即可，
(2)，为了顺利进行初始化，语法eslint，测试单元test，e2e测试这三个可以不装，选No，
依赖 npm install 可以后面手动安装，故选No，当然如果网路畅通也可以选Yes；
(3)，保持网络畅通，有时比较慢，需要等待；或者终止任务重新开始；

4，第三步安装成功了，进入vue01文件夹，运行 npm install 安装项目的依赖，即 node_modules；
npm install

5，在项目文件夹中DOS中运行，使用如下命令行启动项目：
npm run dev 
npm run start //一样运行项目

6，浏览器访问，具体访问配置参见项目config/index.js，至此已经完成项目构建并访问；
http://localhost:8080/#/

7，当把项目部署到服务器，如Linux，时一般需要运行如下命令打包，最终生成dist文件夹，把其中部署服务器即可；
npm run build

初学习 Vue ，欢迎拍砖...