首先全局安装node,npm,webpack,如果npm比较慢,可以设置为淘宝cnpm镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
。安装vue脚手架
npm install -g vue-cli
,安装成功后,输入vue -V,webpack -v
检测。进入希望创建vue项目的目录,命令行执行
vue init webpack 项目文件夹文字
。-
接下来让做出选择,这个根据实际情况。
根据项目情况做选择.png ok后,在项目文件夹下执行
npm install
安装一些包。-
安装完毕后,在项目根目录下
npm run dev
启动项目,直至出现最后一行,然后浏览器打开这个地址即可。
本地服务开启.png 如果希望以本地形式打开项目,那么就需要用到命令
npm run build
。build构建前,注意看下config/index.js,build.assetsPublicPath的路径改为./
,否则路径不对无法运行。执行之后,相关文件在dist,就可以看到html、js源码了。
04-用vue开始搭建一个项目
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 配置前说明:确保已安装node环境。 检查是否安装node环境: 一、配置前命令简写说明: 1、npm i 和np...
- 序言 本人之前都是利用大牛们提供配置好的项目,然后在本地配置npm install,最后运行npm run dev...
- Vue是近两年来比较火的一个前端框架(渐进式框架吧)。Vue两大核心思想:组件化和数据驱动。组件化就是将一个整体合...