欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

express安裝vue

呂致盈2年前8瀏覽0評論

要安裝Vue.js,需要先安裝Node.js和npm(Node.js默認自帶npm)。接下來,使用npm安裝express-generator和vue-cli:

npm install -g express-generator vue-cli

安裝完成后,在終端中創建一個新的應用程序,使用express-generator生成一個應用程序的骨架:

express myapp

進入應用程序目錄并安裝依賴項:

cd myapp
npm install

安裝完成后,使用vue-cli在客戶端中安裝Vue.js:

vue init webpack client
cd client
npm install

此時,在應用程序的根目錄中,有一個名為myapp的文件夾,并且在client文件夾中有一個名為app.vue的文件。這是Vue.js的主文件,可以修改它,定制應用程序的視圖。現在需要在應用程序中,將client文件夾中的文件渲染出來,可以在myapp的app.js中加入如下代碼:

var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var app = express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'client', 'dist')));
app.get('*', function(req, res) {
res.sendFile(path.join(__dirname, 'client', 'dist', 'index.html'));
});
app.listen(3000);

運行應用程序,使用以下命令啟動Node.js服務器:

npm start

在瀏覽器中輸入http://localhost:3000,將會看到客戶端中Vue.js渲染出來的內容。