NPM安装
首先下载nodejs 官网地址:https://nodejs.org/en/
下载完成后打开命令行(安装过node后可以更便捷的用shift+右键选择在当前文件夹打开命令行)
命令行输入 node -v 查看node版本 验证是否安装成功
淘宝镜像 (可选)
如果网速不好可以选择使用淘宝镜像 走的是国内的网 地址如下:
cnpm --registry=http://registry.npm.taobao.org
安装过淘宝镜像后就可以在命令行输入cnpm代替npmle
安装cli脚手架构建工具
命令行输入 cnpm(npm) install -g vue-cli 安装
初始化一个项目
vue init webpack firstVue
这个命令中 webpack是构建工具,也就是说整个项目是基于webpack的。firstVue是整个项目文件的名称,在这个文件中自动生成你指定的目录
运行后会要求输入项目名称 地址等信息 ,可以直接回车略过
package.json中 dependencies&&devDependencies是项目需要的依赖包
进入项目文件夹 firstVue文件夹。运行命令 cnpm install 安装所需依赖
安装完成后再firstVue文件中会多出一个node_modules文件 这里面就是我们项目所需要的依赖资源
到此就可以运行项目了 直接命令行输入 npm run dev 使用webstorm的可以在左下角直接输入npm run dev 浏览器会自动打开一个页面
//如果没有自动打开 可以手动输入localhost:8080