vue创建项目完整版


一.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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM