1、安装npm
这里有详细的node.js安装方法以及下载地址node.js安装
安裝完成后,在命令行中输入npm –version,显示如下则安装成功
2、安装vue
npm install vue
安装完成后可以查看版本号,命令行输入vue –version,显示如下则安装成功
问题1:vue不是内部或外部命令…
解决方案:vue配置路径的问题,电脑里搜索vue.cmd=>找到后右键打开文件所在目录=>复制该路径,添加到系统环境变量path路径中
3、安装vue-cli
npm install --global vue-cli
准备工作结束了,接下来就是正式安装了
4、在工作目录下,创建一个基于webpack模板的新项目
vue init webpack projectname
projectname为项目名字,我这里启一个叫new-project的项目,在安装前有很多选项,根据需要回复y或者n,然后回车
安装成功后会显示如下
输入命令cd new-project,进入项目文件夹里面
输入npm run dev,则运行此项目
现在项目就已经启好了,在浏览器界面输入下方地址就可以访问一个初始化页面了。
五、安装插件依赖
上面就是一个空项目,但在项目中可能会用到各种插件,配置等,我把我在安装中出现的困惑点记录下来
5-1、安装插件可全局或者本地安装
//全局安装 npm install -g 模块名称 //本地安装 npm install 模块名称
5-2、依赖关系
1、直接在package.json中dependencies(生产环境依赖)或者devDepencies中(开发环境依赖)直接写依赖关系,这样就会根据你写的版本进行相应的安装
npm install 模块名称
2 、或者直接指定在哪里面安装依赖关系,npm就会下载最新的并在package.json中自动生成依赖关系
//安装好后写入package.json的dependencies中(生产环境依赖) npm install 模块名字 --save //安装好后写入package.json的devDepencies中(开发环境依赖) npm install 模块名字 --save-dev
在安装时候还遇到-D和-S指令,两个都可以安装,当时真的是一脸懵逼!
npm install 模块名字 –save 等价于 npm install 模块名字 -S
npm install 模块名字 –save-dev 等价于 npm install 模块名字 -D
5-3 卸载删除模块,一般情况下,要是安装错了,或者安装过程中电脑突然死机了,那你就怎么怎么安装的怎么卸载,然后再重新安装,以防在安装的时候有冲突
npm uninstall 模块名字 //不删除依赖 npm uninstall 模块名字 --save //从package.json的dependencies中(生产环境依赖)删除依赖 npm uninstall 模块名字 --save-dev //从package.json的devDepencies中(开发环境依赖)删除依赖
总结:如过在安装过程中遇到了一些问题,有可能是安装顺序,或者是安装配置的原因,没有什么是卸载重装解决不了的事情。。。‘
欢迎转载,转载需带着文章出处链接~~