一、安装node.js

1.官方下载node.js 链接: http://nodejs.cn/download/

2.下载完成后默认安装
在cmd输入node，如下图所示安装成功

由于node.js默认配置了npm，所以不用单独下载和配置npm了，只要node.js安装成功，那么是直接可以使用npm命令来下载moudle的。
3.测试npm 输入npm -v

4.安装6版本的npm（稳定版本）

npm install -g npm@6.14.15

5.安装cnpm

npm install -g cnpm

6.安装vue脚手架

cnpm install -g @vue/cli@3.10.0

7.安装后校验

vue -V

二、新建项目

1. 转到要创建的目录
2. 创建项目 vue create 项目名
3. Please pick a preset: Manually select features 自选加载包
4. Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors（新手不要选择Linter/Formatter格式检查，代码更规范）
5. Use history mode for router? (Requires proper server setup for index fallback in production) Yes
6. Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Less
7. Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys) 选In dedicated config files 选In package.json 都可以
8. Save this as a preset for future projects? 直接回车
9. Pick the package manager to use when installing dependencies: Use NPM

1.cd 新项目下
2.添加axios

vue add axios

3.添加element

vue add element

? How do you want to import Element? (Use arrow keys)
> Fully import
 Import on demand
? Do you wish to overwrite Element's SCSS variables? No

HBuilderX开发

下载链接: https://www.dcloud.io/hbuilderx.html

最后

以上就是耍酷白羊为你收集整理的【前后端分离必备】安装node.js和npm以及安装vue脚手架一、安装node.js二、新建项目HBuilderX开发的全部内容，希望文章能够帮你解决【前后端分离必备】安装node.js和npm以及安装vue脚手架一、安装node.js二、新建项目HBuilderX开发所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。