<强> Vue安装
<强> vue-cli/webpack全局安装
如果在意安装速度,可以使用淘宝镜像来安装
安装淘宝镜像
安装完淘宝镜像后,就可以使用cnpm来代替npm安装工具啦
我个人比较喜欢直接使用npm安装:
全局webpack:
vue脚手架vue-cli:
<>强安装webpack版vue项目
在指定的目录中打开命令窗口(编辑器中自带的命令窗口也可以)
-
<李>项目名称(回车默认)
<李>项目描述(Vue。js项目)回车默认(也可以输入自己的描述)
<李>作者回车默认(自己的名字)
<李> Vue构建默认选择运行时编译器+
李
安装vue-router& # 63; Y安装
使用ESLint线头你代码# 63;Y(推荐使用,保持良好的代码编写规范)
选择一个eslint预设。默认标准
建立单元测试? n(单元测试,不需要)
设置e2e测试守夜? n (e2e测试,不需要)
我们应该运行<代码> npm安装为您创建项目后# 63;(recom
修补)npm(选用npm)
安装完毕
<强>目录结构
<强> Vue运行
运行命令
运行成功
页面内容
<强> Vue构建打包
打包命令
打包后的目录结构
<强> 
<>强运行打包项目
需要开启服务运行
使用http服务器运行(如没有安装http服务器的,使用节点全局安装http服务器即可,npm安装http服务器- g)
<>强运行打包后的内容
从搭建到运行打包发布全部完成,是不是很简单呢?
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
