当前位置: 首页 > Web前端 > HTML5

vuecli2脚手架工具的安装配置

时间:2023-04-05 13:38:13 HTML5

下面是我配置vuecli2.0的过程,配置完成后,对部分文件夹的功能描述,不准确的请指正(一)安装npmi-gvue-cli检测vue-V看是否安装成功(看2.X版本没错,3.X是脚手架版本)(2)初始化vue项目,vueinitwebpack(3)在vscode中运行npmrundev就可以在package.json中看到配置好的webpack① ---inline表示显示信息的地方② --progress进度条③ ---config:specifiedFindwebpack.config.js的配置文件在该位置(指定该文件为webpack的配置文件。下面是安装的vuecli2.0文件夹的说明:参考src文件夹(1)assets静态资源(2)componentscomponents(3)App.vue根组件=>指定路由出口① 脚手架,所有组件都会渲染到app.vue② #appinappor#appinindex.html,app.vue会覆盖前者(因为template的优先级比el高)③ 路由出口要写在app.vue组件模板中(4)main.js① -入口js文件② -功能:创建一个vue实例,导入其他组件并挂在vue实例上③ -Vue.config.productionTip=false不打印提示(5)route/index.js=>路由① 引入模块,然后配置路由规则② 注意:1)一定要记住:Vue.use(Router)必须在模块公共项目中安装路由插件。js是一个模块2)@符号相当于src路径下的./src官网:https://router.vuejs.org/zh/i...