环境搭建

安装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的路径变更到这个目录中：

1npm config set cache NODE_INSTALL_PATH/npm_cache --global

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

1npm install -g nrm

切换到淘宝源：

1nrm use taobao
2nrm ls

安装vue-cli：

1npm install -g @vue/cli

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

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

创建项目并安装依赖：

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

运行：

1npm run serve

编辑器

  • vscode
  • vscode extentions:
    • vetur

参考