前端 -- vue cli 环境搭建
linux基本开发环境
zsh命令行
vue+iview环境
整体流程
- 安装Python、pip
- 安装Django框架,创建一个Django项目
- 安装nodejs
- 安装cnpm,用cnpm安装vue-cil:sudo cnpm install vue-cli -g
- 安装git
- 切换到Django项目根目录:vue-init webpack <前端项目名>
- cd到前端项目cnpm install 然后cnpm run dev这时可以浏览器里面访问到vue项目了
1
2
3
4#启动服务并在后台运行
cnpm run dev &
#ssh退出后服务保持继续执行
nohup cnpm run dev & - 配置Django项目的文件,教程
- 运行 python manage.py runserver就可以在浏览器中访问了
1.前端
vue
- 这东西好像是不需要安装,直接在js文件中引入就可以了
- npm install vue
- 安装cnpm:npm install -g cnpm –registry=https://registry.npm.taobao.org
iview
2.服务器(node.js/nginx)
nodejs
- 已经有了,现在的环境是开发机也没有管理员权限,nodejs教程这个应该是官方的吧,很详细
nginx
3.后端
Python Django框架
安装
- 它算是Python的一个模块吧,所以可以通过pip3来安装,好像也有像apt-get之类的安装方式,没有试过
- pip3安装:sudo pip3 install Django
- 查看Django安装目录:先进入Python命令行import django 然后输入django回车,命令行打印安装目录
- 新建项目:python3 /usr/local/python3.6.4/lib/python3.6/site-packages/django/bin/django-admin.py startproject fireflyPro
- 这个地方很坑,首先教程里面说的方法是django-admin startproject
,这个应该是要把django-admin加入环境变量之后才可以直接调用,没去弄 - 不配环境变量就去找了Django的安装目录并找到django-admin.py文件,然后用Python运行它,结果环境里面有两个版本的Python还会报错,所以还需要在前面指定Python版本
- 这个地方很坑,首先教程里面说的方法是django-admin startproject
4.其他
npm
- npm用来安装nodeJs的模块,现在很多的技术都有自己的这种安装模块的工具,类似的Ubuntu的apt-get、Python的pip
- 现在nodeJs内置了npm,不用自己安装了,查看版本:npm -v
- 安装模块:npm install
- 安装模式
- 本地安装:将安装包放到./node_modules下(运行npm所在的目录,没有的话会自动生成),通过require引用
- 全局安装:将安装包放到/usr/local下或者个人node的安装目录,可以直接在命令行使用
- 全局安装是要管理员权限的,很尴尬的开发环境没有,而且实际在我用本地安装的时候它把安装包放到了/data/home/luoyang/node_modules下面去了
- 卸载模块:npm uninstall express
- 查看安装的模块
- npm list 和 npm list -g(不知道本地查看有没有意义)
- 查看牧歌模块的版本号:npm -list
- 更新:npm update
- 搜索:npm search
(这个应该是在网络上搜索是否有该模块信息) - 后续还有创建模块注册用户发布模块等操作,在注册用户的时候出问题了,这块以后有需要再去弄
