700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 【前后端分离必备】安装node.js和npm以及安装vue脚手架

【前后端分离必备】安装node.js和npm以及安装vue脚手架

时间:2022-01-09 12:13:06

相关推荐

【前后端分离必备】安装node.js和npm以及安装vue脚手架

目录

一、安装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 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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。