vue 脚手架搭建工程

可笑，做了这么久的技术，有一天居然不熟悉脚手架搭建项目了，好吧，一起回忆下

其实网上有数不清的相关文章，在这里稍做总结

准备

1. 下载node.js 安装

 

官网下载：https://nodejs.org/en/download/ 
一直默认就行，路径可以改变但要记得，一般默认C盘

安装完成后cmd，输入

证明安装成功

注：node版本最好高一点，保险的话直接安装最新版本的，因为vue运行需要基于npm一定的版本（最好是3.x.x以上），版本低了有可能会出错，而npm是随node的安装自动安装的，直接安装最新的node，npm的版本号也会变高的，不用再做更多的操作，当然，也可以手动升级npm版本号（自行度娘）
 

2、安装vue-cli

有npm和cnpm两种方式，cnpm好些，所以我也用的cnpm安装，

首先利用淘宝镜像安装cnpm

npm install cnpm -g --registry=https://registry.npm.taobao.org

   

cnpm -v

 

3、然后全局安装 vue-cli

 cnpm install -g vue-cli

这个命令运行一次就可以了，以后都不用安装

查看下vue版本

vue -V   //  大写字母V

4、使用vue-cli来创建一个基于 webpack 模板的新项目
创建 
cmd利用cd指令进入到保存项目的文件夹下，然后输入命令

vue init webpack my-project     //  my-project   项目名称

后面配置根据自己需要yes或者no

 

 cd my-project
 

npm install 安装项目所需依赖即ok了

npm run dev

 

 

创建成功，后续会有打包和一些高级晋升