环境搭建

安装Node.js和vue-cli

下载Node.js Binary版本:https://nodejs.org/en/download/current/,将binary压缩包解压缩到安装目录NODE_INSTALL_PATH中。 设置环境变量NODE_HOME指向到解压缩后的目录,并设置PATH环境变量包含NODE_HOME。

在NODE_INSTALL_PATH中创建一个npm_cache目录,使用下面的命令将npm_cache的路径变更到这个目录中:

1
npm config set cache NODE_INSTALL_PATH/npm_cache --global 

在国内网络为了使用淘宝的npm镜像安装nrm:

1
npm install -g nrm

切换到淘宝源:

1
2
nrm use taobao
nrm ls

安装vue-cli:

1
npm install -g @vue/cli

使用vue-cli创建Vue.js项目

vue-cli是Vue项目的脚手架,使用它可以自动配置开发环境。

创建项目并安装依赖:

1
vue create hello-prj
  • 按提示初始化项目。
1
cd hello-prj

运行:

1
npm run serve

编辑器

  • vscode
  • vscode extentions:
    • vetur

参考