1. 程式人生 > >Webpack 安裝配置vue環境

Webpack 安裝配置vue環境

cor 準備 創建 uid 下載 工作 cli 工具 web

前言

第一次寫東西,可能會比較亂,還請理解!

安裝步驟

打開命令行工具,輸入

node -v

查看NodeJS的版本號,若未出現版本號則請移步http://nodejs.cn/download/ 進行下載安裝,

若安裝成功,則查看npm是否安裝,輸入

npm -v

查看npm是否成功安裝。

上述工作準備之後,就可以來進行vue的安裝了。

可以打開https://cn.vuejs.org/v2/guide/installation.html查看官網給的安裝步驟,雖然我的看起來會有些多余,但是也是為了自己和大家學習的方便,我決定還是寫一下。

在命令行中輸入

npm install --global vue-cli

這是全局安裝,安裝完成後,進入到項目需要創建的位置,輸入

vue init webpack my-project(此處為所創建的項目名)

依次根據個人需要進行項目設置。

vue腳手架工具安裝完成之後,進入文件夾中,運行

npm run dev

此時會出現localhost的端口號,在瀏覽器中輸入該地址即可運行這個最簡單的vue demo了。

Webpack 安裝配置vue環境