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