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中（开发环境依赖）删除依赖

总结：如过在安装过程中遇到了一些问题，有可能是安装顺序，或者是安装配置的原因，没有什么是卸载重装解决不了的事情。。。‘

 

欢迎转载，转载需带着文章出处链接~~