文章目錄
- 一、基礎環境搭建
- 安裝Node.js
- 安裝 npm包管理器
- 二、搭建Vue專案環境
- 全域安裝Vue-Cli
- 安裝Webpack
- 三、使用Vue-UI創建專案
- 四、部分檔案功能解釋
一、基礎環境搭建
安裝Node.js
前往Node.js的官網下載LTS版本的Node.js并安裝
安裝完成后在命令列中輸入
node -v
出現如下界面及成功安裝
安裝 npm包管理器
打開終端并進入管理員模式
sudo su
輸入密碼后進入管理員模式
由于國內鏡像源較慢，這里使用淘寶的鏡像源
打開終端輸入如下指令使用淘寶鏡像源
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果輸入無誤會出現如下界面
安裝完成
輸入以下指令查看是否安裝成功
cnpm -v
二、搭建Vue專案環境
全域安裝Vue-Cli
- 更多關于Vue-Cli的詳細資訊請前往官網獲取
在終端中輸入
npm install -g @vue/cli
安裝Webpack
Webpack官網
Webpack 是一個用于現代 JavaScript 應用程式的 靜態模塊打包工具
npm install --save-dev webpack
三、使用Vue-UI創建專案
在命令列中輸入vue-ui即可運行具有圖形界面的vue專案管理工具
四、部分檔案功能解釋
此處使用的軟體為PhpStorm，推薦使用Vue-UI
node_modules： npm 加載的專案依賴模塊
src： 開發目錄，基本上所有的開發檔案原始碼都在此處，其內包含了幾個子檔案
assets： 資源目錄，放置一些圖片或者公共js、css檔案，這里的資源會被webpack構建
components： 組件目錄，其內部全部為vue組件檔案
App.vue： 根組件，即該專案的入口
main.js： 入口js檔案，其記憶體放一些應用于全域的陳述句，主要用于初始化Vue并使組件能夠全域使用
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/287670.html
標籤：區塊鏈