一.vue-cli2和vue-cli3新建項目的常用命令
1、安裝vue-cli2腳手架
(1)在cmd命令行中輸入腳手架安裝命令(win+R打開cmd或Windows PowerShell);
(2)全局安裝vue2腳手架:npm install -g vue-cli 或者指定版本:npm i vue-cli@2.9.6 -g;
(3)安裝以后,輸入:vue -V 出現相應的版本號,則表示安裝成功;
(4)卸載腳手架:npm uninstall -g vue-cli;
2、搭建項目
(1)、初始化項目:vue init webpack myProject(myProject為要新建的項目名);
(2)、進入項目:cd myProject;
(3)、啟動項目:npm run dev (如果下載的別人的項目,需要先安裝依賴 npm install);
(4)、打包上線:npm run build;
如果項目沒有自動打開瀏覽器,將config文件夾里面的index.js文件中autoOpenBrowser設置為true;
路由有hash和history模式,在new Router的對象里面mode來設置;默認是hash模式。
3、vue-cli3腳手架安裝及新建項目
(1)、如果安裝了1.x或者2.x版本的腳手架,需要先卸載;
(2)、安裝腳手架:npm install -g @vue/cli
(3)、安裝以后,輸入 :vue -version查看版本,出現相應版本3.x則表示安裝成功;
(4)、初始化項目:vue create myApp;
(5)、選擇配置,一般選擇手動配置,根據自己需要來選擇,不選擇默認配置;
(6)、進入項目:cd myApp;
(7)、啟動項目:npm run serve(yarn serve),vue ui :可視化界面創建和管理項目;
(8)、打包上線:npm run build;
————————————————
原文鏈接:https://blog.csdn.net/weixin_44939142/article/details/114231712
二.安裝相關的依賴:
//1)安裝axios和element-ui
npm install --save axios
npm install --save element-ui
//2)安裝scss,也可以不裝
npm install sass-loader@7.3.1 --save-dev
npm install node-sass@4.14.1
npm install style-loader --save
//安裝scss還需要在項目文件夾build下webpack.base.config.js中moudle下rules里添加以下代碼:
{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}
//安裝完成scss后就可以在項目中使用<style lang="scss" scope></style>
//3)補充 npm 安裝和卸載依賴的命令
npm install .. --save
npm install .. --save-dev
npm uninstall ..
npm uninstall .. -dev
————————————————
原文鏈接:https://blog.csdn.net/weixin_43420159/article/details/113876081