1 安装node.js
安装node.js之前,先进行nvm的安装;
https://github.com/coreybutler/nvm-windows/releases最好选择稳定版本
具体安装步骤:
1.
选择第二种安装方式是自动安装,不需要多余的各种配置;直接下一步就可以完成安装;
2. 安装完nvm之后
列出nvm的基本操作指令
nvm install ## 安装指定版本,可模糊安装,如:安装v6.2.0,既可nvm install v6.2.0,又可nvm install 6.2
nvm uninstall ## 删除已安装的指定版本,语法与install类似
nvm use ## 切换使用指定的版本node
nvm ls ## 列出所有安装的版本
nvm ls-remote ## 列出所以远程服务器的版本(官方node version list)
nvm current ## 显示当前的版本
nvm alias ## 给不同的版本号添加别名
nvm unalias ## 删除已定义的别名
nvm reinstall-packages ## 在当前版本node环境下,重新全局安装指定版本号的npm包
安装需要的node版本,此时需要注意的是安装的下载地址,国内服务器可能会比较慢,甚至可能直接下载安装失败;
推荐设置淘宝镜像:https://npm.taobao.org/
npm install -g cnpm --registry=https://registry.npm.taobao.org
完成后输入npm -v可以查看npm版本
Node-v也可以查看当前node版本
2 webpack的安装
使用npm安装webpack:
全局安装:npm install webpack -g
当前项目安装:npm install webpack --save-dev
速度慢:npm config set registry
https://registry.npm.taobao.org
后缀添加last为当前最新稳定版本,或者@+版本号到指定版本
在新项目本地运行的时候
首先:npm isntall
然后:npm init 初始化
3 Vue安装以及项目初始化
推荐直接安装vue脚手架
安装:npm install -g vue-cli
使用vue创建一个新的项目:
vue init webpack my-work
my-work是自己的项目名称(自定义命名)
完成之后使用npm run dev将项目跑起来,之后可以在浏览器中打开localhost:8080(默认端口为8080)
声明:本文内容仅是本人学习的记录,不保证在项目中可用,若引用此代码导致了严重后果,本人不承担任何法律责任。