Vue的安装配置与编译
安装node.js
- 1
先去下载node.js，node.js半斤八两于起到编译器的感化，下载地址：https://nodejs.org/en/download/ ，下载完后进行安装。
- 2
安装当作功后，右键我的电脑进入高级系统设置，并查抄nodeJs的情况变量是否添加当作功，若添加当作功，则可在cmd号令行页面中利用npm号令。
END
安装Vue-cli
- 1
Vue的源码有很多的组件库,为了提高安装速度，所以建议切换为淘宝镜像
在cmd中输入:npm install -g cnpm --registry=https://registry.npm.taobao.org，输入后按回车。
- 2
若切换了淘宝镜像，则npm号令全数变为cnpm，反之用npm即可。
在cmd淘宝镜像模式下输入: cnpm install -g @vue/cli，输入后按回车。
- 3
Vue安装当作功后,即可利用vue号令建立项目。
END
建立项目
- 1
建立项目时，号令行将提醒选择设置装备摆设体例，不选择default，选择自界说设置装备摆设，偏向键选择，回车进入下一步。
- 2
按照需求选择所需的项目设置装备摆设。
本家儿要选择设置装备摆设申明如下：
Linter/Formatter 不勾选（规范化的前端Vue项目开辟需勾选，来由：同一规范，避免格局化的冲突，小我开辟不需要，会对代码格局化，和缩进等格局的要求较为严酷同一）
Router 路由 没有路由就不是单页面的形式 ， 便利做同一鉴定，权限什么的
vueX 同一状况办理，文件上表现为 store目次，用途举例：当操作添加商品页面不小心退出时，需保留即时数据，引入后可挪用其方式实近况态保留。
利用空格选中或反选 ，小我利用只需勾选 Babel Router和Vuex 选择后回车进入下一步。
- 3
然后选择 In package.json (设置装备摆设存储在项目目次下的,packae.json中)，按回车确认。
- 4
扣问时辰存储为项目默认设置装备摆设, 输入N不保留， 若保留则新项目标设置装备摆设将提醒是否沿用默认设置装备摆设,凡是按照每个项目标需求进行设置装备摆设，按回车后进入期待页面。
END
运行
- 1
加载完当作后，将提醒 1.cd XXX 2.npm run serve。
按照其提醒输入cd xxx后进入vue项目地址后输入第二个号令即可运行项目。 ps：若在淘宝镜像下,改用cnpm run serve。
静候几秒，呈现该页面即为项目运行当作功，可经由过程http://localhost:8080/拜候项目。
- 2
经由过程http://localhost:8080/拜候项目，项目当作功运行之后，即可起头进行编码与调试工作。
- 3
当项目最终完当作后，可经由过程 npm run build 或淘宝镜像下的 cnpm run build进行编译，编译完当作后会生当作dist文件目次。
- 4
dist为系统编译后的文件，注：vue项目中所引入的组件库，仅有效到的会被编译到dist中，是以可直接将dist文件放置办事器情况下运行，只需注重路径等问题即可。
END
注重事项
- 若是此篇文章对您有帮忙，请撑持一下，感谢！
- 发表于 2020-04-16 19:00
- 阅读 ( 857 )
- 分类：其他类型
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章