2.创建Vue项目

1.首先创建放置项目的文件夹

2.终端创建项目

2.1 执行以下命令进入文件夹

cd /Users/mac/Desktop/vue-test 

2.2执行命令创建项目

注意：项目名不能包含大写字母中文

vue init webpack  jubensha

我的问题连接不上github,无法下载资源，所以创建失败

vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 13.229.188.59:443

WeChat7f92ed510d0eb6135187125c3506bb73.png

解决办法： 下载资源，改为离线创建

[下载webpact](https://github.com/vuejs-templates/webpack
下载之后解压到本地用户目录下的.vue-templates文件夹，注意文件夹前面的.
需要将解压的文件改名为webpack

我遇到的问题：mac无法创建.开头的文件夹，需要执行以下两个命令：

defaults write com.apple.finder AppleShowAllFiles -bool YES

killall Finder 

2.3 准备工作完成，开始离线创建

cd /Users/mac/Desktop/vue-test 

vue-test % vue init webpack jubensha --offline 

创建完成提示：

3041638157225_.pic_hd.jpg 3031638157225_.pic.jpg

3.根据提示运行项目

进入项目目录

cd /Users/mac/Desktop/vue-test/jubensha

运行项目

npm run dev

执行结果

WeChatfbd9bee0244fc96f2d32659ccc717717.png

在浏览器中输入：http://localhost:8080出现

WeChatce850712ccb56201e451a66441f3a54a.png

大功告成，撒花 撒花