Vue的安装配置与编译 _1先去下载node.js，node.js半斤八

vue在web项目开发、网站的制作，或者是app等都越来越流行，所以有越来越多人学习，下边我简单地介绍了vue的安装配置与编译。安装node.js1先去下载node.js ， node.js半斤八两于起到编译器的感化，下载地址：https://nodejs.org/en/download/ ，下载完后进行安装。

文章插图

2安装当作功后，右键我的电脑进入高级系统设置，并查抄nodeJs的情况变量是否添加当作功，若添加当作功，则可在cmd号令行页面中利用npm号令。

文章插图

安装Vue-cli 1Vue的源码有很多的组件库,为了提高安装速度，所以建议切换为淘宝镜像
在cmd中输入:npm install -g cnpm --registry=https://registry.npm.taobao.org ，输入后按回车。

文章插图

2若切换了淘宝镜像，则npm号令全数变为cnpm ，反之用npm即可。
在cmd淘宝镜像模式下输入: cnpm install -g @vue/cli ，输入后按回车。

3Vue安装当作功后,即可利用vue号令建立项目。

建立项目1建立项目时，号令行将提醒选择设置装备摆设体例，不选择default ，选择自界说设置装备摆设，偏向键选择，回车进入下一步。

文章插图

2按照需求选择所需的项目设置装备摆设。
本家儿要选择设置装备摆设申明如下：
Linter/Formatter 不勾选（规范化的前端Vue项目开辟需勾选，来由：同一规范，避免格局化的冲突，小我开辟不需要，会对代码格局化，和缩进等格局的要求较为严酷同一）
Router 路由没有路由就不是单页面的形式，便利做同一鉴定，权限什么的
vueX 同一状况办理，文件上表现为 store目次，用途举例：当操作添加商品页面不小心退出时，需保留即时数据，引入后可挪用其方式实近况态保留。
利用空格选中或反选，小我利用只需勾选 Babel Router和Vuex 选择后回车进入下一步。

文章插图

3然后选择 In package.json (设置装备摆设存储在项目目次下的,packae.json中) ，按回车确认。

文章插图

4扣问时辰存储为项目默认设置装备摆设, 输入N不保留，若保留则新项目标设置装备摆设将提醒是否沿用默认设置装备摆设,凡是按照每个项目标需求进行设置装备摆设，按回车后进入期待页面。

文章插图

文章插图

运行1加载完当作后，将提醒 1.cd XXX 2.npm run serve 。
按照其提醒输入cd xxx后进入vue项目地址后输入第二个号令即可运行项目。 ps：若在淘宝镜像下,改用cnpm run serve 。
静候几秒，呈现该页面即为项目运行当作功，可经由过程http://localhost:8080/拜候项目。