1、选择node版本和下载安装Node
node和npm版本对应表:
nodeJs到14.0.0就不支持win7系统了,只能选择之前的版本,比较新的是13.14.0版本。注意:13.14.0版本的node不能使用cnpm
首先前往nodejs官网下载nodejs
下载傻瓜式下一步安装,安装完成打开终端输入
node -v
npm -v 检查是否安装成功。
什么是npm和cnpm
npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”
npm install -g cnpm --registry=https://registry.npm.taobao.org
(注意:为了避免每次安装都需要--registry参数,可以使用如下命令)
进行永久设置:npm config set registry http://registry.npm.taobao.org
cnpm -v 检查是否安装完成。
配置环境变量
在系统环境变量添加NODE_PATH,输入路径为: D:\node-v10.14.2-x64\node_global\node_modules
操作如下:我的电脑右击,打开属性->高级系统设置->环境变量->新建(系统变量下)->输入变量名NODE_PATH->变量值:通过“浏览目录”输入上面路径,确定即可。
注:使用NPM命令:
下载三方库:npm install vue --save (vue是库名称 --save是保存,这里的 横线 是2个 --save也可以简写成-S)
全局安装bower:npm install bower –g
使用bower info 可以查看库的版本:bower info vue
下载指定版本的库:npm install vue@2.1.0 (vue是库名称+@符号+版本号)
2、下载webpack npm install webpack –g
3、安装脚手架npm install vue-cli -g
4、根据模板创建项目
webpack推荐用他,也有其他模板(webpack-simple 、simple 完全没用,webpack-simple webpack 有校验,browserify-simple,browserify)
初始化:vue init webpack 项目名称
5、cd 项目名称
6、npm install --安装模块(包)
7、npm audit fix –自动更新依赖
8、npm run dev --运行项目
9、npm run build --发布项目