[toc]
環(huán)境:centos
tips: 可以將npm 換成cnpm 加快安裝速度,
安裝vue
yum install npm
npm -v
npm install vue
image.png
image.png
安裝vue腳手架 vue-cli
vue-cli腳手架是Vue.js提供的一個官方命令行工具逢慌，用于快速搭建大型單頁應(yīng)用忆植。
npm install --global vue-cli
image.png
創(chuàng)建一個基于webpack模板的新項目狠轻，名稱為my-project
vue init webpack my-project
image.png
使用cd命令進入項目my-project中全陨，并安裝項目依賴項,使用npm run dev運行項目
cd my-project
npm install
npm run dev
image.png
image.png
Vue 項目文件目錄結(jié)構(gòu)
image.png
- （1）build文件夾保存webpack的基本配置夺欲，config文件夾保存項目基本配置获询。
- （2）node_modules是npm加載的項目依賴的模塊
- （3） src目錄是我們要開發(fā)的目錄方椎，如下圖所示
image.png
assets: 放置圖片
components：放置組件文件
App.vue: 項目的入口文件
static 文件夾放置靜態(tài)資源目錄
index.html 首頁
package.json 項目配置文件
【《Vue.js前端開發(fā)技術(shù)》學(xué)習筆記】
