### 1 下载安装 node ``` http://nodejs.cn/download/ 设置npm 镜像源为淘宝镜像源 npm config set registry http://registry.npm.taobao.org/ ``` ### 2 安装 vue ``` https://cn.vuejs.org/v2/guide/installation.html npm install vue cnpm install vue ``` ### 3 安装vue-cli ``` 2的版本安装命令 cnpm install -g vue-cli 3及4的版本安装命令 (如果已经安装了2的版本 需要先卸载 卸载命令 npm uninstall vue-cli -g) cnpm install -g @vue/cli ``` ### 4创建前端工程 ``` 创建工程的命令 demo 指的是项目名称 vue init webpack demo 版本2 vue create demo 版本3 windows需要设置命令别名 （~/.bashrc 添加 alias vue='winpty vue.cmd' 重启git） ``` ### 5 进入目录 执行安装包 ``` cnpm install 启动项目 npm run dev ```