Vue環境搭建及第一個helloWorld

一、環境搭建

　　1、node.js環境安裝配置  https://www.cnblogs.com/liuqiyun/p/8133904.html 或者 https://www.jianshu.com/p/13f45e24b1de

　　2、安裝vue（命令在命令行輸入,快捷鍵win+r；輸入cmd，之后輸入下面的命令 ）

cnpm install vue -g

　　3、安裝vue命令行工具，即vue-cli腳手架

cnpm install vue-cli -g

二、新項目的創建

　　1、打開存放新建項目的文件夾（比如在D盤新建個vue文件）

　　  快捷鍵 win + r;輸入cmd，回車；打開你新建的文件夾；例：我在D：盤新建了一個空的vue文件夾，那么在命令行輸入

　　2、輸入“vue init webpack-simple 項目名稱（使用英文）”。例：

　　就是vue init webpack-simple + 文件名；

 　　初始化完成后的項目目錄結構如下：

　　

 　　　　在后面的鏈接里，有詳細的目錄介紹，我就不再贅述https://blog.csdn.net/weixin_40905960/article/details/80375536

 　　3、安裝工程依賴模塊

　　　　定位到test工程目錄，安裝工程依賴；依賴安裝在test目錄下，node_module文件夾會被新建，而且根據package.json的配置下載該項目的modules。

cd test

cnpm install

　　4、運行項目（node啟動的

cnpm run dev

 

 

 

 　　最后出來下面這個界面：

 三、創建第一個helloWolrd

　　可以把不要的刪除了，例：

　　

　　第一個hello World