通过nodes创建vue项目

nodes创建vue项目并导入HbuilderX中

准备环境

一、nodes安装，参照 nodes安装

安装完成后 cmd命令查看是否安装成功 node -v

二、Hbuilderx编辑器下载安装 下载地址 下载

创建vue项目

1. 首先安装vue 注意：安装前最好先安装淘宝镜像，不然安装速度很慢
   安装淘宝镜像后npm用cnpm代替，其它命令不变
   npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 全局安装脚手架

   # 全局安装脚手架
   cnpm install -g vue-cli
   或者 cnpm install vue

3. 查看vue
   
4. 创建一个基于webpack 模板的新项目 在任何目录下都可以

vue init webpack new-project

例：

回车后会有几个确认选项 回车或者y
5. 创建好后根据提示 cd vue-demo
6. 运行

npm run dev

7.打开浏览器访问
http://localhost:8080

创建成功！！

8.将项目导入HbuilderX

选择 npm run dev