【前后端分离必备】安装node.js和npm以及安装vue脚手架
目录
- 一、安装node.js
- 二、新建项目
- HBuilderX开发
一、安装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
二、新建项目
- 转到要创建的目录
- 创建项目
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) Yes
- Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Less
- Where 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 NPM
1.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
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！