在Ubuntu下部署Vue開發環境 詳細流程

2021-09-05 10:34:45 字數 1742 閱讀 3491

我們的需求是使用vue進行前後端分離開發,本節目標是為了能夠使用npm run dev將我們的前端專案執行起來

我們需要的是nodejs、npm、cnpm、webpack、vue

更新包管理器apt與apt-get

sudo apt update

sudo apt-get update

公升級 npm

npm install npm -g

# npm install -g npm

# npm -g install npm

國內的npm不是很好用,使用cnpm代替npm的日常使用。

公升級或安裝 cnpm

npm install cnpm -g
你可以使用以下命令來檢視所有全域性安裝的模組:

$ npm list -g
請先安裝git,安裝命令請參考下面

ubuntu系統

sudo apt-get install git
最新穩定版

$ cnpm install vue
vue.js 提供乙個官方命令列工具,可用於快速搭建大型單頁應用。

全域性安裝 vue-cli

$ cnpm install --global vue-cli
使用 cnpm 安裝 webpack:

cnpm install webpack -g
建立乙個基於 webpack 模板的新專案

$ vue init webpack my-project
這裡需要進行一些配置,預設回車即可

this will install vue 2.x version of the template.

for vue 1.x use: vue init webpack#1.0 my-project

? project name my-project

? project description a vue.js project

? author runoob ? vue build standalone

? use eslint to lint your code? yes

? pick an eslint preset standard

? setup unit tests with karma + mocha? yes

? setup e2e tests with nightwatch? yes

vue-cli · generated "my-project".

to get started:

cd my-project

npm install

npm run dev

documentation can be found at

進入專案,安裝並執行:

$ cd my-project

$ cnpm install # 安裝依賴

$ cnpm run dev # 執行專案

VisualBox 下部署Ubuntu系統

安裝ubuntu 需要注意的地方 軟體缺省會選擇如下路徑 c users x virtualbox vms 儲存虛擬機器檔案系統,建議還是修改至硬碟其他路徑。ubuntu安裝過程中是沒有設定root密碼的地方,需要使用者登入後使用passwd命令初始化root密碼。需要修改虛擬機器的網路型別為橋接網...

Ubuntu下部署Django專案

1 pip freeze requirements.txtdebug false allowed hosts static root os.path join base dir,static url r static p.serve,收集admin後台的靜態檔案,如果不收集,將來訪問linux的bl...

ubuntu下部署CVS服務

ubuntu下部署cvs服務 1.安裝cvs apt get install cvs 2.安裝cvsd apt get install cvsd 安裝cvsd後,會提示設定repository的位置,這個地方只要輸入相對於rootjail的位置就可以。rootjail在 etc cvsd cvsd....