WebStorm从零搭建vue项目
一、安装node.js
下载地址: node.js官网
安利大神安装教程,不懂猛戳:node.js安装及环境配置之Windows篇
配置环境变量: node.js配置环境变量
查询node.js是否安装成功:打开cmd窗口输入 node -v
显示版本即安装成功
二、安装完成node.js,npm也安装完成了
npm是node的包管理工具。
验证命令:npm -v
三、安装CNPM淘宝镜像
安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
验证命令:cnpm -v
四、安装webpack
利用cnpm安装webpack 命令行语句为:cnpm install webpack -g
注意:此处利用cnpm安装webpack
验证命令:webpack -v
五、全局安装vue-cli
安装语句为:cnpm install --global vue-cli
验证命令:vue -V
注意:此处大写 V
六、安装Git
安装地址:Git官网
安装与配置环境:Git安装与配置环境
以上是创建vue项目前的所有准备工作:
最后验证一次:
七、用WebStorm新建项目
1、File ——>> New ——>> Projet
2、选择Vue.js
3、正在创建项目
4、项目名称
5、项目描述
6、项目作者
7、选择第一个即可
8、安装路由,可yes可no 任君选择
(这里选择yes)
9、ESLint规则
ESLint是什么:官方网站
10、设置单元测试(按个人喜好)
11、是否设置e2e测试(随意)
创建成功!
八、运行
点击菜单栏View | Tool Windows | npm
双击start
OK! 搞定
可以开始你的vue项目啦