1.在开发vue之前要先下载node.js,网址:https://nodejs.org/en/;一般下载左边的10.16.3.LTS,建议同时安装node.js和npm的。(忽略截图中的水印--公司护网没办法。。。。)
在网上找了份详细的安装步骤:https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html
如果安装淘宝镜像时输入cnpm -v报错cnpm不是内部命令(查找是环境变量的原因时),
解决方法如下:
找到自己的安装目录,一般在C盘,我的目录如下C:\Users\Administrator\AppData\Roaming\npm(可以在自己之前输入命令的命令行查看安装镜像的路径),看到目录下有cnpm文件。
在命令行中进入到该目录下运行cnmp -v,发现可以正常执行。
想要在任何目录下可以执行可以在环境变量中配置。右键我的电脑----属性----高级系统设置---环境变量----系统环境变量----在path中新建将上述的路径填写----确定。再次在之前的命令行输入cnpm -v 则可以运行成功。
2.用命令行的方式安装vue:此处我们使用vue-cli进行安装,它将包含vue(也就是不需要再进行vue的安装操作)
cnpm install --global vue-cli;安装完成之后,输入vue出现如图所示,则说明vue安装成功。
3.新建一个vue项目:此处建议换个目录(最好不要放在C盘),因为vue下载下来的文件比较大。比如 切换到E盘直接输入E:进入E盘想进别的目录直接cd 目录名(如果只输入命令dir则可以看此目录下的所有文件)。基于webpack的项目:
vue init webpack my-vue进行安装,project是我的目录
因为各个模块之间是相互依赖的,进入目录添加依赖,命令cnpm install:
输入cd my-vue;
输入cnpm run dev:
在浏览器中输入http://localhost:8081:
出现vue界面则说明vue部署搭建成功。