express+vueプロジェクト構築

1277 ワード

最近nodeサービス側とvueフロントエンドのプロジェクトが建設されました
インストールnode:npm install node
インストールexpress:npm install express-g(-gグローバルインストール)
expressプロジェクトの構築:express project-name
次にvue足場を正常に構築
インストールvue-cli:npm install vue-cli-g
vueプロジェクトの構築:vue init webpack project-name
次にプロジェクトパッケージnpm run buildに入ります
expressプロジェクトに戻る
html解析に一致するexpress--ejsをインストール
appに入ります.js
// app.set('views', path.join(__dirname, 'views'));
//   
app.set('views', path.join('D:\\selfProject\\yayi-admin-web', 'dist'));
//     vue                    

//           

app.use(express.static(path.join('D:\\selfProject\\yayi-admin-web', 'dist')));

次にexpress:npm startを起動します
Webページ入力localhost:3000
パッケージされたvueプロジェクトが見えます!
続いてmysqlとnodeを導入してexpressに基づいてapiを書き続けますありがとうございます~
転載先:https://www.cnblogs.com/wangwBlogs/p/10485244.html