VUE创建一个项目

第一步：安装VUE之前，首先要安装Node.js，可以去官方下载链接。

安装完成后，命令检查一下是否安装成功：node -v
安装完Node.js后，会自带npm，查看版本：npm -v

但是Node自带的npm不是最新的，如需要最新的，需要运行命令：npm install -g npm

第二步：安装VUE项目构建工具vue-cli

全局安装，运行命令：npm install vue-cli -g
安装完成后，查看是否安装成功：vue list

第三步：新建项目

• webstorm新建项目

image.png

点击next之后，配置一些项目选项
Install vue-router? Yes
Use ESLint to lint your code? No （代码格式）
Setup unit test? No （单元测试）
Setup e2e tests with Nightwatch? No
Run npm install Later....? Yes, user npm

完成之后，项目创建好了！

• 命令行新建项目
  选定项目路径，命令行进入该路径，创建一个名为vue的项目，命令行运行：
  vue init webpack vue

image.png

创建项目完成！

第四步：运行项目

找到项目路径，运行：npm install
如果觉得直接使用npm的官方镜像很慢，建议不要使用cnpm，据说会有很多bug，可以通过重新指定registry，命令如下：
npm install --registry=https://registry.npm.taobao.org

运行完成后，项目中会一个node_modules文件夹，再运行：npm run dev
项目就启动完成了！

image.png