Vue-cli安裝及編輯

一、命令安裝

1、安裝cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

2、安裝vue-cli

cnpm install vue-cli -g //3.0以前(不包含3.0)

cnpm install @vue/cli -g //3.0及以後

3、初始化項目

vue init webpack 項目名稱 //3.0以前(不包含 3.0)

vue create 項目名稱  //3.0及以後

如:在項目目錄中輸入:vue create sucli_vuecli

向下選擇:Manually select features

選中Babel和Router,取消Linter /Formatter(否則後面驗證太歷害,沒辦法用了就)

不需要 history  mode

設置 In package.json, 也選No

Vue-cli 安裝完成了!

可進入項目目錄,輸入 cnpm run serve, 啓運項目。

4、進入到項目目錄,安裝

cnpm install

5、啓動項目

打開VS Code,把項目託進VS Code中,就打開了。

終端中輸入: cnpm run serve

cnpm run dev


6、可以運行在瀏覽器裏了

7、在項目目錄中打包:cnpm run build

8、安裝element-ui框架:npm i element-ui -s

9、前後端交互安裝axios:cnpm install axios -S

有說法是:小廠用vue,大廠用react

移動端:1、webapp, 用響應式:bootstrap開發

        2、混合app: 1)react-native開發
                    2)小程序也叫混合開發

        3、原生app: 安卓開發、ios開發
 

二、 可視化安裝:vue ui

前面1、2步同上。

3、先查看vue版本號

vue -V

再輸入命令:vue ui

4、進入網頁視圖

5、創建新項目

 

此處一定要關閉 Linter /Fomatter選項。

點擊“創建項目”開始創建。

兩種方式,推薦選方法一,用命令來創建項目

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章