Vue Webstrom環境搭建

2021-09-25 22:15:20 字數 1982 閱讀 2079

一、安裝node.js和vue腳手架

1、先安裝node.js,安裝位址

d:\node\***\node.js\node_global;

然後在命令列下輸入 npm config set prefix " d:\node\***\node.js\node_global"

npm config set cache " d:\node\***\node.js\node_cache"

3、修改了路徑,則需要重新配置環境變數:

(1)在系統變數path中新增變數 d:\node\***\node.js\node_global\node_modules;

4、安裝**映象,命令列下輸入npm install -g cnpm --registry=

安裝成功後在環境變數中新增:d:\node\***\node.js\node_global\node_modules\cnpm

在命令列輸入:cnpm -v 出來版本表示安裝成功。

5、安裝webpack,利用cnpm安裝webpack,輸入命令 cnpm install webpack -g;

6、安裝vue-cli,輸入命令 cnpm install --global vue-cli;驗證命令 vue -v(-後的v要大寫),出現版本號代表成功。

二、安裝webstrom

傻瓜式安裝,需要破解,推薦

2019.2版本成功破解

三、建立vue工程

1.1.具體代表:

1.1.1.project name (myproject);專案名稱(myproject)。(確定按enter,否按n)

1.1.2.project description (a vue.js project);專案描述(一vue.js專案)。(用英文,不寫直接回車也行)

1.1.3.author (sunsanfeng);作者(sunsanfeng)。(確定按enter,否按n)

1.1.4.vue build (use arrow keys)> runtime + compiler: recommended for most usersruntime-only: about 6kb lighter min+gzip, but templates (or any vue-specifichtml) are only allowed in .vue files - render

functions are required elsewhere;vue檔案渲染功能是必需的其他地方。(按enter)

1.1.5.install vue-router? (y/n);安裝的路由?(/ n)。(可安可不安,建議安裝,因為專案肯定能用上)

1.1.6.use eslint to lint your code? (y/n);使用eslint語法?(y/ n)。(使用eslint語法,除非你非常懂eslint語法,要不就會處處報錯,之前不明白的時候選擇過一次,總之很煩,建議n)

1.1.7.setup unit tests with karma + mocha? (y/n);設定單元測試?(y / n)。(選n)

1.1.8.setup e2e tests with nightwatch? (y/n);nightwatch建立端到端的測試?(y / n)。(選n)

1.1.9.should we run 'npm install' for you after the ogject has been created? ;(選擇yes,use npm)

2、建立成功後會提示如下命令

3.你可以直接進入專案去執行,瀏覽器去訪問,也可以通過webstorm去開啟生成的資料夾,然後執行訪問。

LAMP環境搭建 php環境搭建

yum groupinstall development tools y yum groupinstall desktop platform development y yum install cmake pcre devel ncurses devel openssl devel libcurl ...

環境搭建 二 Python環境搭建

工欲善其事,必先利其器 要想玩轉python,我們首先需要搭建一套可使用且方便的環境。對於初學者,笨飯糰建議使用 anaconda anaconda 簡介anaconda是python的乙個科學計算發行版,內建了數百個python經常會使用的庫,包括做機器學習或資料探勘的庫。anaconda提供了乙...

環境 lamp環境搭建

以下命令全部使用root執行,如果不用root記得sudo apt update 更新一下可用軟體包列表 apt upgrade 更新已安裝的軟體包 apt install apache2 安裝apache2 systemctl start apache2 啟動apache apt install ...