首页 / VUE / 关于vue构建项目的一些指令
关于vue构建项目的一些指令
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了关于vue构建项目的一些指令,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1236字,纯文字阅读大概需要2分钟。
内容图文
第一步:
brew install nodejs(MAC机子下) Windows直接官网下载对应版本node.js
第二步:
获取nodejs模块安装目录访问权限(Windows系统忽略)
sudo chmod -R 777 /usr/local/lib/node_modules/
第三步:
npm install -g cnpm --registry= https://registry.npm.taobao.org(安装淘宝镜像/或者使用自己公司代理)
第四步:
安装webpack
cnpm install webpack -g(全局安装打包机)
第五步:
安装vue脚手架
npm install vue-cli -g
第六步:
在硬盘上找一个文件夹放工程用的,在终端中进入该目录
Mac
cd 目录路径
根据模板创建项目
vue init webpack-simple 项目名字 <注意不能用中文!!!>
或者创建 vue1.0 的项目(可忽略因为现在基本是2.0猜想后面是随着迭代升级)
vue init webpack-simple#1.0 项目名字 <注意不能用中文!!!>
第八步:
安装项目依赖
一定要从官方仓库安装,npm 服务器在国外所以这一步安装速度会很慢。
npm install
(不要从国内镜像cnpm安装,会导致后面缺了很多依赖库,其实这个还是按照实际项目来一般也是可以的。)
cnpm install
安装 vue 路由模块 vue-router 和网络请求模块 vue-resource
cnpm install vue-router vue-resource --save(安装模块一般是中间空格隔开,)
启动项目
npm run dev/cnpm run dev
注意安装模块依赖:
cnpm install 模块名 --save-dev(关于环境的,表现为npm run dev 启动不了)
cnpm install 模块名 --save(关于项目的,比如main.js,表现为npm run dev 成功之后控制台报错)
注意: npm update vue-cli更新脚手架的版本命令和 npm update -g 更新npm版本(主要是防止低版本有时候构建项目会报错的解决方法一般也有提示)
构建好的项目骨架一般最重要的就是开发部分src下的目录,组件基本放这里面或者自己取文件夹名字也是可以的。
记住:
App.vue // 页面入口文件
main.js // 程序入口文件,加载各种公共组件
index.html // 入口页面
router下面的index.js是配置路由信息的。(单页面的title也可以这里配置)
关于webpack的就自行官网API。。。谢谢!
原文:http://www.cnblogs.com/lhl66/p/7624911.html
内容总结
以上是互联网集市为您收集整理的关于vue构建项目的一些指令全部内容,希望文章能够帮你解决关于vue构建项目的一些指令所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。