目录
一、安装node.js二、新建项目HBuilderX开发一、安装node.js
1.官方下载node.js 链接: /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
二、新建项目
转到要创建的目录创建项目vue create 项目名
Please pick a preset:Manually select features自选加载包Check the features needed for your project:Babel, Router, Vuex, CSS Pre-processors(新手不要选择Linter/Formatter格式检查,代码更规范)Use history mode for router? (Requires proper server setup for index fallback in production)YesPick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default):LessWhere do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys) 选In dedicated config files 选In package.json 都可以Save this as a preset for future projects? 直接回车Pick the package manager to use when installing dependencies:Use NPM1.cd 新项目下
2.添加axios
vue add axios
3.添加element
vue add element
? How do you want to import Element? (Use arrow keys)> Fully importImport on demand? Do you wish to overwrite Element's SCSS variables? No
HBuilderX开发
下载链接: https://www.dcloud.io/hbuilderx.html