node.js安装及使用webstorm+webpack创建vue脚手架项目

node.js下载安装

node下载

配置node

右键此电脑=>高级系统设置=>高级=>环境变量=>在系统变量中新建一个

变量名取NODE_HOME（全大写，习惯性的，你要不想大写也可以），变量值选择浏览文件，选择你下载的node压缩包解压后的文件=>
点击系统变量中的Path，新建一个，内容为%NODE_HOME%=>确定保存即可。
== 如何检测是否配置合适呢 ==
按下win+R打开cmd窗口，输入node -v显示node版本即可

npm配置

使用淘宝镜像

因为我们在使用npm下载jar包的路径是国外，所以下载速度。。。
所以我们需要将我们的下载路径改为国内的，这里我们使用淘宝镜像，直接在cmd窗口输入如下命令配置
npm config set registry https://registry.npm.taobao.org
然后输入npm config get registry，检测是否配置成功

如果想改回来，输入npm config set registry https://registry.npmjs.org

配置资源包下载位置

npm config set cache “D:\fullstack\node-npm-reps”（缓存路径，建议不要有中文路径）
npm config set prefix “D:\fullstack\node-npm-reps” （全局下载路径）

npm config ls（查看npm下载位置）

安装脚手架

npm install -g vue-cli（在cmd窗口输入）

在webstorm使用webpack构建项目

构建项目

打开webstorm时使用管理员身份打开
vue init webpack 项目名

创建成功后的项目结构

在webstorm控制台输入npm start启动项目（需要先cd 项目名）

点击路径查看

写代码

1. components中创建组件

2. index.js中注册组件路由

3.使用组件

运行

npm start