1、安装npm
sudo apt install npm
2、升级npm为最新版本
sudo npm install npm@latest -g
此时通过npm -v可以发现npm版本号为最新版本3.10.3;
3、安装用于安装nodejs的模块n
sudo npm install -g n # 如果上面命令报错,建议使用官方的安装方式,如果使用官方安装方式,则忽略第4步(https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-linux-distributions) curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - sudo apt-get install -y nodejs
4、然后通过n模块安装指定版本的nodejs,n模块更多介绍请参考官方文档
#安装官方最新版本 sudo n latest #安装官方稳定版本 sudo n stable #安装官方最新LTS版本 sudo n lts
我们通过安装稳定版本的nodejs,然后通过node -v可以发现node安装成功,并且版本号为v8.11.4稳定版本,即长期支持版本
5、安装vue
通过淘宝镜像进行安装cnpm和vue,你懂的。
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org sudo cnpm install -g vue-cli
6、使用vue
使用以下命令初始化一个名叫frontend的项目
vue init webpack frontend # 编译项目 cd frontend cnpm run build # 运行项目 cnpm run dev
此时就可以通过http://localhost:8080来访问了。
7、django中使用vue
只需要在setting.py中配置几个参数即可:
在setting.py最后添加:
STATICFILES_DIRS = [ os.path.join(BASE_DIR)]
此时启动django项目即可访问:
- 微信扫码赞助
- 支付宝赞助