vue开发基本步骤

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)

声明:本文内容仅是本人学习的记录,不保证在项目中可用,若引用此代码导致了严重后果,本人不承担任何法律责任。

原文地址:https://www.cnblogs.com/dragon-he/p/9583955.html