首页天道酬勤2021前端新技术,vue商城项目

2021前端新技术,vue商城项目

张世龙 05-05 16:33 125次浏览

在创建项目的文件夹中,按住shitf键并打开右键,在此处打开shell; 命令创建项目(节点必须自行安装) vue create projectname []

3 .建议按照提示选择相应选项,选择manually (手动),自行选择具体事项;

[]

其中,css选项用于访问github下载libs并使用python,因此可以不首先选择。 如果电脑环境不具备的话就会失败。

4 .选择所有选项后,回到车上就可以了。 显示:对于getstartedwithfollowingcommands 3360,表示创建成功

[]

vue.config.js是在vue项目通用配置项目根目录下创建的。 //vue.config.js module.exports={ devserver : { port :8081, //项目端口设置自动打开open:true//构建完成浏览器} 使用组件elementUI安装npm i element-ui -S在main.js上配置elementUI组件importvuefrom ' vue ' importappfrom app.vue ' impportation router ' importstorefrom './store ' import ' element-ui/lib/theme-chalk/index.CSS ' importelementuifrom ' element。 { size : ' small ' } vue.config.production render : h=h (app ) }.$mount ) ' #app ' ) axios安装axios和vue-app

在npminstallaxiosnpminstallvue-axios配置main.js中配置axios

importaxiosfrom ' axios ' importvueaxiosfrom ' vue-axios '/* * axios配置*/vue.use(axios//axios请求和参与拦截axios.intented //axios返回值侦听预处理axios.interceptors.response.use (ffse ),可以在所有请求之前侦听,并修改添加请求的用户id、return (如cookies )等删除不需要的header等,只留下业务数据/let等,变更几个参数的返回数据; } )通用css配置可以在main.js中配置通用css,此处注册的css将用于所有组件

/**全球css风格*/import './static/CSS/common.CSS '

vue搭建项目步骤,vue开发web网站