安装node和vue-cli 并从GitHub上下载vue开源项目 并运行
2017-05-20 23:16
656 查看
使用 node 的npm 到GitHub上下载vue的开源项目,并运行。
准备:
1.安装node.js 全局安装 node -v 检查是否安装成功
2..安装 vue-cli 使用 vue -V 检查是否安装成功 注意是大写
开始:
1. 找到开源项目的git地址
2.使用cmd 定位到要安装项目的文件夹下 (可以先到项目文件加下在打开cmd)
3.输入命令: git clone https://github.com/sailengsi/sls-admin.git 自定义名称
4.查看下载下来的文件结构 定位到有package.json 的文件夹下,并查看package.json内devDependencies 等是否正确
5.在项目文件夹下运行命令: npm insatll 会生成一个新的文件夹node_modules 内含有我们项目所依赖的文件
6.在项目下运行 npm run dev 启动项目在浏览器中查看
7.修改项目 最后使用webpack 打包项目发布。
之前遇到的问题:
1.npm WARN enoent ENOENT: no such file or directory
答:文件夹下没有 package.json文件,使用命令npm inin ,这样就会生产package.json文件,查看文件是否正确
2.cannot find "......bulid\dev-sever.js"
这两个问题其实都是我自己文件路径有问题。没有理解。
npminstall
vuex --save
准备:
1.安装node.js 全局安装 node -v 检查是否安装成功
2..安装 vue-cli 使用 vue -V 检查是否安装成功 注意是大写
开始:
1. 找到开源项目的git地址
2.使用cmd 定位到要安装项目的文件夹下 (可以先到项目文件加下在打开cmd)
3.输入命令: git clone https://github.com/sailengsi/sls-admin.git 自定义名称
4.查看下载下来的文件结构 定位到有package.json 的文件夹下,并查看package.json内devDependencies 等是否正确
5.在项目文件夹下运行命令: npm insatll 会生成一个新的文件夹node_modules 内含有我们项目所依赖的文件
6.在项目下运行 npm run dev 启动项目在浏览器中查看
7.修改项目 最后使用webpack 打包项目发布。
之前遇到的问题:
1.npm WARN enoent ENOENT: no such file or directory
答:文件夹下没有 package.json文件,使用命令npm inin ,这样就会生产package.json文件,查看文件是否正确
2.cannot find "......bulid\dev-sever.js"
这两个问题其实都是我自己文件路径有问题。没有理解。
npminstall
vuex --save
相关文章推荐
- node 的npm 到GitHub上下载vue的开源项目
- 下载及运行Github的React Native开源项目
- 在vue-cli项目中安装node-sass
- 详解在vue-cli项目中安装node-sass
- GitHub下载安装以及开源项目
- 运行一个从GitHub上下载的vue项目的具体步骤
- 在vue-cli项目中安装node-sass
- Android Studio导入并运行github下载的开源项目【转自 “阿敏其人” 简书博客】
- node 安装 vue-cli 创建vue项目
- mac使用Dryrun做到不用运行Android Studio即可在模拟器安装预览GitHub开源项目
- mac使用Dryrun做到不用运行Android Studio即可在模拟器安装预览GitHub开源项目
- MyEclipse 5.5 + Tomcat 开发视频,下载,安装,配置,开发并运行Web项目
- Github安卓开源项目编译运行
- Github安卓开源项目编译运行
- eclipse下载edit插件并导入github项目到真机运行
- Android资源代码 源码 整理 Github开源项目下载地址
- 我是如何在GitHub上开源一个项目的(截图说明) (VS2010可以安装git插件)
- Android资源代码 源码 整理 Github开源项目下载地址
- Github安卓开源项目编译运行
- 【Android】如何使用从Github上下载的开源项目